diff --git a/app/assets/javascripts/app/forms/post_form.js b/app/assets/javascripts/app/forms/post_form.js index d5a3ff84b5f4afc855aab4b59c426b29f44c3267..0d454847fc845da2637a939222e73533070b3471 100644 --- a/app/assets/javascripts/app/forms/post_form.js +++ b/app/assets/javascripts/app/forms/post_form.js @@ -13,5 +13,6 @@ app.forms.Post = app.views.Base.extend({ postRenderTemplate : function() { Mentions.initialize(this.$("textarea.text")); Mentions.fetchContacts(); //mentions should use app.currentUser + this.$('textarea').autoResize({minHeight: '200', maxHeight:'300', animate: false}); } }); \ No newline at end of file diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss index a16cf9e5fb102227fc934daa656a75742127b49c..c31231b60fec153c9fc2a1a20c12d23187f5db0f 100644 --- a/app/assets/stylesheets/new_styles/_base.scss +++ b/app/assets/stylesheets/new_styles/_base.scss @@ -352,10 +352,7 @@ div[data-template=flow] { } .post-form { - margin-top: 10%; - .container{ - margin: 0 50px; - } + margin-top: 2%; } .flow-controls { diff --git a/app/assets/stylesheets/new_styles/_composer.scss b/app/assets/stylesheets/new_styles/_composer.scss index 6c3a859d310520313ae3a1c67121e4630efa89e4..b60fe02abfa00f1e76cfb8a4da98a0506bbbbb95 100644 --- a/app/assets/stylesheets/new_styles/_composer.scss +++ b/app/assets/stylesheets/new_styles/_composer.scss @@ -1,5 +1,33 @@ .new_photo .photo{ display: inline; max-width: 200px; - max-height: 200px; + max-height: 75px; + padding: 2px; } + +.new_picture{ + margin-top: 4%; +} + +#photo_upload_button { + position: relative; + margin-top: 9px; + + input{ + opacity: 0; + position: absolute; + top: 0; + left: 0; + height:100%; + } + + + +} +.photos{ + margin-top: 5px; +} + +textarea#post_text{ + height: 200px; +} \ No newline at end of file diff --git a/app/assets/templates/picture-form.jst.hbs b/app/assets/templates/picture-form.jst.hbs index e260fab359c89239b81fdfcf1bd4ea143a529f7c..0b8ee09a954f0d3559d0f8380d2eb1d45f17deaa 100644 --- a/app/assets/templates/picture-form.jst.hbs +++ b/app/assets/templates/picture-form.jst.hbs @@ -3,9 +3,10 @@ <div style="margin:0;padding:0;display:inline"> <input name="utf8" type="hidden" value="✓"/> </div> - <label> - Upload photos (optional) - </label> - <input name="photo[user_file]" type="file"/> - <div class="photos"></div> + <div id='photo_upload_button'> + <a class='btn'><i class="icon-camera" style="margin-right:4px;"></i>Add Photos</a> + <input name="photo[user_file]" type="file"/> + <div class="photos well"></div> + </div> + </form> diff --git a/app/assets/templates/post-form.jst.hbs b/app/assets/templates/post-form.jst.hbs index e81381e6ab093e67a9e274e3f8a2cb58735118b4..48da9a6eb1673b0b1570df0cf9bd2952635f1763 100644 --- a/app/assets/templates/post-form.jst.hbs +++ b/app/assets/templates/post-form.jst.hbs @@ -1,17 +1,19 @@ <div class="container"> <div id="new-post" class="row"> - <div class='span8 offset2 new-post-section'> - <form class="new-post"> - <fieldset> - <legend> - New Post - </legend> - <textarea name="text" class="text span8"/> - <textarea id="text_with_markup" style="display:none;"/> - </fieldset> - </form> + <div class='new-post-section'> + <div class='span5'> + <form class="new-post"> + <fieldset> + <legend> + Make Something! + </legend> + <textarea name="text" id='post_text' class="text span8"/> + <textarea id="text_with_markup" style="display:none;"/> + </fieldset> + </form> + </div> - <div class="new_picture"/> + <div class="span3 new_picture"/> </div> </div> </div> diff --git a/app/assets/templates/profile.jst.hbs b/app/assets/templates/profile.jst.hbs index 28c1f353ea5175d878d3d0f2efec91f86de96efe..aa6dceb1ff9095f67a7aa35b8c7cd4463892306e 100644 --- a/app/assets/templates/profile.jst.hbs +++ b/app/assets/templates/profile.jst.hbs @@ -14,7 +14,7 @@ <section id="profile-info"/> <div id="composer" style="display:none;"> - <iframe src="/posts/new" height=400 width=700 style="border:none;"></iframe> + <iframe src="/posts/new" height=500 width=700 style="border:none;"></iframe> </div> <section id="profile-controls">