Hi, I already opened ESME-188 for this issue (the input area expanding) - https://issues.apache.org/jira/browse/ESME-188
I don't think we need to move anything. Instead, we either need to restrict the total length of the "reply to" section to only display part of the message being replied to, or we need to make the input area background expand dynamically to accomodate varied message lengths. Ethan On Sat, Apr 3, 2010 at 11:01 AM, Anne Kathrine Petterøe <[email protected]> wrote: > I'll take a look at it tomorrow. > We could also make the update box background a bit longer too. > > On 3. apr. 2010, at 18.57, Richard Hirsch wrote: > >> Maybe it was some other tool. Smaller font and other color (grey?) might be >> one option >> >> On Sat, Apr 3, 2010 at 6:55 PM, Anne Kathrine Petterøe >> <[email protected]>wrote: >> >>> I will take a look at it during tomorrow's daily UI hour, but smaller font >>> might be one solution. >>> twitter doesn't display the "reply to:" at all and brizzly displays an >>> reply to box inline. >>> >>> >>> On 3. apr. 2010, at 18.52, Richard Hirsch wrote: >>> >>>> let's look at how twitter / brizzly do it. They use a smaller font. >>>> >>>> On Sat, Apr 3, 2010 at 6:07 PM, Anne Kathrine Petterøe < >>> [email protected]>wrote: >>>> >>>>> I like it :-) >>>>> >>>>> Now sort of unrelated. >>>>> I think we need to move the "reply to" function, as it currently is it >>>>> pushes the Share with and Update button out of the "what are you working >>> on" >>>>> box. Where should we move it to? >>>>> >>>>> On 2. apr. 2010, at 01.33, [email protected] wrote: >>>>> >>>>>> Author: esjewett >>>>>> Date: Thu Apr 1 23:33:10 2010 >>>>>> New Revision: 930136 >>>>>> >>>>>> URL: http://svn.apache.org/viewvc?rev=930136&view=rev >>>>>> Log: >>>>>> [ESME-187] Re-arrange input area so that the flow is a little better - >>>>> this is a bit of an experiment - feel free to back out >>>>>> >>>>>> Modified: >>>>>> incubator/esme/trunk/server/src/main/webapp/style/style.css >>>>>> >>>>> >>> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.html >>>>>> >>>>>> Modified: incubator/esme/trunk/server/src/main/webapp/style/style.css >>>>>> URL: >>>>> >>> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp/style/style.css?rev=930136&r1=930135&r2=930136&view=diff >>>>>> >>>>> >>> ============================================================================== >>>>>> --- incubator/esme/trunk/server/src/main/webapp/style/style.css >>>>> (original) >>>>>> +++ incubator/esme/trunk/server/src/main/webapp/style/style.css Thu Apr >>>>> 1 23:33:10 2010 >>>>>> @@ -192,10 +192,15 @@ label { >>>>>> } >>>>>> .login-btn, .update-btn, .submit-btn { >>>>>> float:right; >>>>>> -} >>>>>> +} >>>>>> +.share-select { >>>>>> + float:left; >>>>>> +} >>>>>> .update-btn { >>>>>> - margin-top:20px; >>>>>> - padding-top:10px; >>>>>> + margin-right:40px; >>>>>> +} >>>>>> +.update-btn, .share-select { >>>>>> + margin-top:10px; >>>>>> } >>>>>> #form-update label { >>>>>> font-weight:bold; >>>>>> @@ -216,7 +221,7 @@ textarea.inputBox2 { >>>>>> float:left; >>>>>> background-color:#FFFFFF !important; >>>>>> border:1px solid #a7aaad; >>>>>> - width:440px; >>>>>> + width:95%; >>>>>> height:50px; >>>>>> padding:4px; >>>>>> margin-right:10px;color:#000; >>>>>> @@ -532,7 +537,7 @@ h5 { font-size: 100%; } >>>>>> h6 { font-size: 80%; } >>>>>> img, img a {border:0px; } >>>>>> >>>>>> -.clear {clear:both; height:20px; } >>>>>> +.clear {clear:both;} >>>>>> >>>>>> /* >>>>>> .container-update, .container-tabs, .container-settings {behavior: >>>>> url("src/iepngfix.htc");} >>>>>> >>>>>> Modified: >>>>> >>> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.html >>>>>> URL: >>>>> >>> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.html?rev=930136&r1=930135&r2=930136&view=diff >>>>>> >>>>> >>> ============================================================================== >>>>>> --- >>>>> >>> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.html >>>>> (original) >>>>>> +++ >>>>> >>> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.html >>>>> Thu Apr 1 23:33:10 2010 >>>>>> @@ -26,29 +26,30 @@ >>>>>> >>>>> <lift:loc>ui_messages_message_label_message_request</lift:loc> >>>>>> </h3> >>>>>> <div id="form-update"> >>>>>> - <div id="messages"></div> >>>>>> - >>>>>> - <div class="post-form-row"> >>>>>> - >>>>> <label><lift:loc>ui_messages_share</lift:loc></label> >>>>>> - <select id="vPool" >>>>> class="inputBox2"> >>>>>> - <option >>> value="0"> >>>>>> - >>>>> <lift:loc>ui_messages_message_label_message_pool_public</lift:loc> >>>>>> - </option> >>>>>> - >>>>> <lift:UserSnip.accessPools/> >>>>>> - </select> >>>>>> - </div> >>>>>> - <div class="row clear" >>>>> style="display: none" id="reply-to-div"> >>>>>> - >>>>> <b><lift:loc>ui_messages_message_label_message_reply</lift:loc></b> >>>>>> - <span >>>>> id="reply-to-span">-</span> >>>>>> - <a href="javascript: >>>>> clearReplyTo()"> >>>>>> - >>>>> <lift:loc>ui_messages_message_label_message_remove_reply</lift:loc> >>>>>> - </a> >>>>>> - </div> >>>>>> + <div id="messages"></div> >>>>>> <div class="post-form-row"> >>>>>> <textarea >>> class="inputBox2" >>>>> id="vMsg" rows="5" cols="80%"></textarea> >>>>>> <div class="row clear" >>>>> style="display: none"> >>>>>> <input id="vTag" >>>>> style="width: 90%"/> >>>>>> </div> >>>>>> + </div> >>>>>> + <div class="row clear" >>>>> style="display: none" id="reply-to-div"> >>>>>> + >>>>> <b><lift:loc>ui_messages_message_label_message_reply</lift:loc></b> >>>>>> + <span id="reply-to-span">-</span> >>>>>> + <a href="javascript: clearReplyTo()"> >>>>>> + >>>>> <lift:loc>ui_messages_message_label_message_remove_reply</lift:loc> >>>>>> + </a> >>>>>> + </div> >>>>>> + <div class="post-form-row"> >>>>>> + <div >>> class="share-select"> >>>>>> + >>>>> <label><lift:loc>ui_messages_share</lift:loc></label> >>>>>> + <select >>> id="vPool" >>>>> class="inputBox2"> >>>>>> + <option >>>>> value="0"> >>>>>> + >>>>> <lift:loc>ui_messages_message_label_message_pool_public</lift:loc> >>>>>> + </option> >>>>>> + >>>>> <lift:UserSnip.accessPools/> >>>>>> + </select> >>>>>> + </div> >>>>>> <div class="update-btn"> >>>>>> <input >>> type="image" >>>>> onclick="javascript:post_msg();" src="images/btn-update.gif" /> >>>>>> </div> >>>>>> >>>>>> >>>>> >>>>> >>> >>> > >
