You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@esme.apache.org by Anne Kathrine Petterøe <yo...@gmail.com> on 2010/04/03 18:07:18 UTC

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

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, esjewett@apache.org 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>
> 
> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
It's on my list. We should have a JIRA item too. I'll create it
eventually if no one else gets to it first.

Ethan

On Wed, Apr 7, 2010 at 2:35 PM, Anne Kathrine Petterøe
<yo...@gmail.com> wrote:
> No one seems to disagree, so truncated it is.
> Have you already looked at scripts for mouse-over display of the full URL?
>
> /Anne
>
>
> On 7 April 2010 16:55, Ethan Jewett <es...@gmail.com> wrote:
>
>> I lean towards displaying the original URL or a truncated version of
>> the original URL rather than displaying a shortened version. Short
>> URLs deliver absolutely no information other than that there is a link
>> involved, so I'd rather we use those characters to deliver some
>> information.
>>
>> If we go for a truncated version of the URL, I agree we should have a
>> mouse-over display the full URL.
>>
>> Ethan
>>
>> On Wed, Apr 7, 2010 at 4:26 AM, Richard Hirsch <hi...@gmail.com>
>> wrote:
>> > Actually, there is a URL-shortener built in to ESME. Post a URL in a
>> message
>> > and then look at the message in the timeline - the href is shortened. We
>> > have to decide whether to display this shortened href or the original
>> link -
>> > (Maybe as a mouse-over?)
>> >
>> > D.
>> >
>> > On Tue, Apr 6, 2010 at 10:41 PM, Sig Rinde <si...@rinde.com> wrote:
>> >
>> >> Do you have countdown from 140 as well?
>> >> And url shortening?
>> >> Two very nice twitter features that..
>> >>
>> >> Would definitely not be cool to manually count the chars :)
>> >>
>> >>
>> >> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
>> >> > Thanks for doing this! I guess I'd leave it open until we have a more
>> >> > permanent fix, but maybe lower the "badness" of the issue and make a
>> >> > note of why that is happening?
>> >> >
>> >> > I'm actually starting to think that the best way to do this is to have
>> >> > the javascript that populates the message text that is being replied
>> >> > to truncate that text to 140 characters (or something). The user just
>> >> > needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>> >> > tonight.
>> >> >
>> >> > What do you think? Do we want truncation or stretching as our final
>> >> > fix for this issue?
>> >> >
>> >> > Ethan
>> >> >
>> >> >
>> >> > On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>> >> > <yo...@gmail.com> wrote:
>> >> >> If we encourage our users not to use more than 140 characters (which
>> I
>> >> always thought we should) - we are now safe. Shall I leave the ticket
>> open
>> >> as this is a bit of a quick fix, seeing we haven't imposed any limits
>> for
>> >> how long the messages can be. (yet)
>> >> >>
>> >> >> /Anne
>> >> >>
>> >> >>
>> >> >> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>> >> >>
>> >> >>> 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
>> >> >>> <yo...@gmail.com> 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 <
>> >> yojibee@gmail.com>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 <
>> >> >>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>> >> >>>>>>>>>
>> >> >>>>>>>>>
>> >> >>>>>>>>
>> >> >>>>>>>>
>> >> >>>>>>
>> >> >>>>>>
>> >> >>>>
>> >> >>>>
>> >> >>
>> >> >>
>> >> >
>> >>
>> >
>>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
No one seems to disagree, so truncated it is.
Have you already looked at scripts for mouse-over display of the full URL?

/Anne


On 7 April 2010 16:55, Ethan Jewett <es...@gmail.com> wrote:

> I lean towards displaying the original URL or a truncated version of
> the original URL rather than displaying a shortened version. Short
> URLs deliver absolutely no information other than that there is a link
> involved, so I'd rather we use those characters to deliver some
> information.
>
> If we go for a truncated version of the URL, I agree we should have a
> mouse-over display the full URL.
>
> Ethan
>
> On Wed, Apr 7, 2010 at 4:26 AM, Richard Hirsch <hi...@gmail.com>
> wrote:
> > Actually, there is a URL-shortener built in to ESME. Post a URL in a
> message
> > and then look at the message in the timeline - the href is shortened. We
> > have to decide whether to display this shortened href or the original
> link -
> > (Maybe as a mouse-over?)
> >
> > D.
> >
> > On Tue, Apr 6, 2010 at 10:41 PM, Sig Rinde <si...@rinde.com> wrote:
> >
> >> Do you have countdown from 140 as well?
> >> And url shortening?
> >> Two very nice twitter features that..
> >>
> >> Would definitely not be cool to manually count the chars :)
> >>
> >>
> >> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
> >> > Thanks for doing this! I guess I'd leave it open until we have a more
> >> > permanent fix, but maybe lower the "badness" of the issue and make a
> >> > note of why that is happening?
> >> >
> >> > I'm actually starting to think that the best way to do this is to have
> >> > the javascript that populates the message text that is being replied
> >> > to truncate that text to 140 characters (or something). The user just
> >> > needs a sample and JS has easy functions for doing this. Hmmm. Maybe
> >> > tonight.
> >> >
> >> > What do you think? Do we want truncation or stretching as our final
> >> > fix for this issue?
> >> >
> >> > Ethan
> >> >
> >> >
> >> > On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
> >> > <yo...@gmail.com> wrote:
> >> >> If we encourage our users not to use more than 140 characters (which
> I
> >> always thought we should) - we are now safe. Shall I leave the ticket
> open
> >> as this is a bit of a quick fix, seeing we haven't imposed any limits
> for
> >> how long the messages can be. (yet)
> >> >>
> >> >> /Anne
> >> >>
> >> >>
> >> >> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
> >> >>
> >> >>> 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
> >> >>> <yo...@gmail.com> 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 <
> >> yojibee@gmail.com>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 <
> >> >>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
> >> >>>>>>>>>
> >> >>>>>>>>>
> >> >>>>>>>>
> >> >>>>>>>>
> >> >>>>>>
> >> >>>>>>
> >> >>>>
> >> >>>>
> >> >>
> >> >>
> >> >
> >>
> >
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
Agreed. I will amend myself again. I am against making long messages
impossible. But I support making them ugly or discouraging them in
another way :-)

Ethan

On Tue, Apr 6, 2010 at 5:00 PM, Sig Rinde <si...@rinde.com> wrote:
> As outsider:
>
> For work purposes it makes sense as Ethan says to not have limit.
>
> But I do agree with Anne that short looks better, gives more info per
> square foot interface... but, actually, I really believe that it will
> sort itself out as long and windy messages will look, eh, long and
> windy and certainly not cool - it's called peer pressure :) So soon
> you'll find all going short despite freedom to occasionally going
> long.
>
> (and with twitter many will be used to stay short already)
>
> <end of long and windy message>
>
>
>
> On 6 April 2010 22:52, Anne Kathrine Petterøe <yo...@gmail.com> wrote:
>> Nope and nope (yet).
>>
>> Right now we don't have a fixed length to our messages, which I was never a big fan of. From a UI developer perspective it is a bit difficult to make it nice looking when you don't know if what comes has 140 characters or 1400.
>>
>>
>> On 6. apr. 2010, at 22.41, Sig Rinde wrote:
>>
>>> Do you have countdown from 140 as well?
>>> And url shortening?
>>> Two very nice twitter features that..
>>>
>>> Would definitely not be cool to manually count the chars :)
>>>
>>>
>>> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
>>>> Thanks for doing this! I guess I'd leave it open until we have a more
>>>> permanent fix, but maybe lower the "badness" of the issue and make a
>>>> note of why that is happening?
>>>>
>>>> I'm actually starting to think that the best way to do this is to have
>>>> the javascript that populates the message text that is being replied
>>>> to truncate that text to 140 characters (or something). The user just
>>>> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>>>> tonight.
>>>>
>>>> What do you think? Do we want truncation or stretching as our final
>>>> fix for this issue?
>>>>
>>>> Ethan
>>>>
>>>>
>>>> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>>>> <yo...@gmail.com> wrote:
>>>>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>>>>>
>>>>> /Anne
>>>>>
>>>>>
>>>>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>>>>>
>>>>>> 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
>>>>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>>>>>
>>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>
>>>>>
>>>>
>>
>>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Sig Rinde <si...@rinde.com>.
As outsider:

For work purposes it makes sense as Ethan says to not have limit.

But I do agree with Anne that short looks better, gives more info per
square foot interface... but, actually, I really believe that it will
sort itself out as long and windy messages will look, eh, long and
windy and certainly not cool - it's called peer pressure :) So soon
you'll find all going short despite freedom to occasionally going
long.

(and with twitter many will be used to stay short already)

<end of long and windy message>



On 6 April 2010 22:52, Anne Kathrine Petterøe <yo...@gmail.com> wrote:
> Nope and nope (yet).
>
> Right now we don't have a fixed length to our messages, which I was never a big fan of. From a UI developer perspective it is a bit difficult to make it nice looking when you don't know if what comes has 140 characters or 1400.
>
>
> On 6. apr. 2010, at 22.41, Sig Rinde wrote:
>
>> Do you have countdown from 140 as well?
>> And url shortening?
>> Two very nice twitter features that..
>>
>> Would definitely not be cool to manually count the chars :)
>>
>>
>> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
>>> Thanks for doing this! I guess I'd leave it open until we have a more
>>> permanent fix, but maybe lower the "badness" of the issue and make a
>>> note of why that is happening?
>>>
>>> I'm actually starting to think that the best way to do this is to have
>>> the javascript that populates the message text that is being replied
>>> to truncate that text to 140 characters (or something). The user just
>>> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>>> tonight.
>>>
>>> What do you think? Do we want truncation or stretching as our final
>>> fix for this issue?
>>>
>>> Ethan
>>>
>>>
>>> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>>> <yo...@gmail.com> wrote:
>>>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>>>>
>>>> /Anne
>>>>
>>>>
>>>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>>>>
>>>>> 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
>>>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>>>>
>>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>
>>>>>>
>>>>
>>>>
>>>
>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
Nope and nope (yet).

Right now we don't have a fixed length to our messages, which I was never a big fan of. From a UI developer perspective it is a bit difficult to make it nice looking when you don't know if what comes has 140 characters or 1400.


On 6. apr. 2010, at 22.41, Sig Rinde wrote:

> Do you have countdown from 140 as well?
> And url shortening?
> Two very nice twitter features that..
> 
> Would definitely not be cool to manually count the chars :)
> 
> 
> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
>> Thanks for doing this! I guess I'd leave it open until we have a more
>> permanent fix, but maybe lower the "badness" of the issue and make a
>> note of why that is happening?
>> 
>> I'm actually starting to think that the best way to do this is to have
>> the javascript that populates the message text that is being replied
>> to truncate that text to 140 characters (or something). The user just
>> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>> tonight.
>> 
>> What do you think? Do we want truncation or stretching as our final
>> fix for this issue?
>> 
>> Ethan
>> 
>> 
>> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>> <yo...@gmail.com> wrote:
>>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>>> 
>>> /Anne
>>> 
>>> 
>>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>>> 
>>>> 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
>>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>>> 
>>>>>>>>>> 
>>>>>>>>> 
>>>>>>>>> 
>>>>>>> 
>>>>>>> 
>>>>> 
>>>>> 
>>> 
>>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
I lean towards displaying the original URL or a truncated version of
the original URL rather than displaying a shortened version. Short
URLs deliver absolutely no information other than that there is a link
involved, so I'd rather we use those characters to deliver some
information.

If we go for a truncated version of the URL, I agree we should have a
mouse-over display the full URL.

Ethan

On Wed, Apr 7, 2010 at 4:26 AM, Richard Hirsch <hi...@gmail.com> wrote:
> Actually, there is a URL-shortener built in to ESME. Post a URL in a message
> and then look at the message in the timeline - the href is shortened. We
> have to decide whether to display this shortened href or the original link -
> (Maybe as a mouse-over?)
>
> D.
>
> On Tue, Apr 6, 2010 at 10:41 PM, Sig Rinde <si...@rinde.com> wrote:
>
>> Do you have countdown from 140 as well?
>> And url shortening?
>> Two very nice twitter features that..
>>
>> Would definitely not be cool to manually count the chars :)
>>
>>
>> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
>> > Thanks for doing this! I guess I'd leave it open until we have a more
>> > permanent fix, but maybe lower the "badness" of the issue and make a
>> > note of why that is happening?
>> >
>> > I'm actually starting to think that the best way to do this is to have
>> > the javascript that populates the message text that is being replied
>> > to truncate that text to 140 characters (or something). The user just
>> > needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>> > tonight.
>> >
>> > What do you think? Do we want truncation or stretching as our final
>> > fix for this issue?
>> >
>> > Ethan
>> >
>> >
>> > On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>> > <yo...@gmail.com> wrote:
>> >> If we encourage our users not to use more than 140 characters (which I
>> always thought we should) - we are now safe. Shall I leave the ticket open
>> as this is a bit of a quick fix, seeing we haven't imposed any limits for
>> how long the messages can be. (yet)
>> >>
>> >> /Anne
>> >>
>> >>
>> >> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>> >>
>> >>> 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
>> >>> <yo...@gmail.com> 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 <
>> yojibee@gmail.com>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 <
>> >>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>> >>>>>>>>>
>> >>>>>>>>>
>> >>>>>>>>
>> >>>>>>>>
>> >>>>>>
>> >>>>>>
>> >>>>
>> >>>>
>> >>
>> >>
>> >
>>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Richard Hirsch <hi...@gmail.com>.
Actually, there is a URL-shortener built in to ESME. Post a URL in a message
and then look at the message in the timeline - the href is shortened. We
have to decide whether to display this shortened href or the original link -
(Maybe as a mouse-over?)

D.

On Tue, Apr 6, 2010 at 10:41 PM, Sig Rinde <si...@rinde.com> wrote:

> Do you have countdown from 140 as well?
> And url shortening?
> Two very nice twitter features that..
>
> Would definitely not be cool to manually count the chars :)
>
>
> On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
> > Thanks for doing this! I guess I'd leave it open until we have a more
> > permanent fix, but maybe lower the "badness" of the issue and make a
> > note of why that is happening?
> >
> > I'm actually starting to think that the best way to do this is to have
> > the javascript that populates the message text that is being replied
> > to truncate that text to 140 characters (or something). The user just
> > needs a sample and JS has easy functions for doing this. Hmmm. Maybe
> > tonight.
> >
> > What do you think? Do we want truncation or stretching as our final
> > fix for this issue?
> >
> > Ethan
> >
> >
> > On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
> > <yo...@gmail.com> wrote:
> >> If we encourage our users not to use more than 140 characters (which I
> always thought we should) - we are now safe. Shall I leave the ticket open
> as this is a bit of a quick fix, seeing we haven't imposed any limits for
> how long the messages can be. (yet)
> >>
> >> /Anne
> >>
> >>
> >> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
> >>
> >>> 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
> >>> <yo...@gmail.com> 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 <
> yojibee@gmail.com>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 <
> >>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
> >>>>>>>>>
> >>>>>>>>>
> >>>>>>>>
> >>>>>>>>
> >>>>>>
> >>>>>>
> >>>>
> >>>>
> >>
> >>
> >
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Sig Rinde <si...@rinde.com>.
Do you have countdown from 140 as well?
And url shortening?
Two very nice twitter features that..

Would definitely not be cool to manually count the chars :)


On 6 April 2010 22:29, Ethan Jewett <es...@gmail.com> wrote:
> Thanks for doing this! I guess I'd leave it open until we have a more
> permanent fix, but maybe lower the "badness" of the issue and make a
> note of why that is happening?
>
> I'm actually starting to think that the best way to do this is to have
> the javascript that populates the message text that is being replied
> to truncate that text to 140 characters (or something). The user just
> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
> tonight.
>
> What do you think? Do we want truncation or stretching as our final
> fix for this issue?
>
> Ethan
>
>
> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
> <yo...@gmail.com> wrote:
>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>>
>> /Anne
>>
>>
>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>>
>>> 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
>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>>
>>>>>>>>>
>>>>>>>>
>>>>>>>>
>>>>>>
>>>>>>
>>>>
>>>>
>>
>>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
I'm against a 140 character limit since I don't really see a reason
for it and it does limit expression and force conventions that I think
limit adoption in a work setting. People really do prefer full
spelling and regular grammar in these settings, especially non-native
speakers of whatever language is being used.

I would be for making it a configurable option (per deployment, not
per user). However, that doesn't really make the UI any easier.

By the way, when I said "truncation" I meant truncating the displayed
portion of the message that is being replied to, not truncating the
message being sent! :-)

Ethan

On Tue, Apr 6, 2010 at 4:43 PM, Anne Kathrine Petterøe
<yo...@gmail.com> wrote:
> No problem!
> Now that I broke your css I felt that fixing it was the least I could do ;-)
>
> I am not sure truncation/stretching is what we need here - maybe it is time we start that character limit discussion again?  I was always for a 140 character limit, from a UI perspective it would make everything so much easier.
>
> /Anne
>
>
> On 6. apr. 2010, at 22.29, Ethan Jewett wrote:
>
>> Thanks for doing this! I guess I'd leave it open until we have a more
>> permanent fix, but maybe lower the "badness" of the issue and make a
>> note of why that is happening?
>>
>> I'm actually starting to think that the best way to do this is to have
>> the javascript that populates the message text that is being replied
>> to truncate that text to 140 characters (or something). The user just
>> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
>> tonight.
>>
>> What do you think? Do we want truncation or stretching as our final
>> fix for this issue?
>>
>> Ethan
>>
>>
>> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
>> <yo...@gmail.com> wrote:
>>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>>>
>>> /Anne
>>>
>>>
>>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>>>
>>>> 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
>>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>>>
>>>>>>>>>>
>>>>>>>>>
>>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>
>>>>>
>>>
>>>
>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
No problem!
Now that I broke your css I felt that fixing it was the least I could do ;-)

I am not sure truncation/stretching is what we need here - maybe it is time we start that character limit discussion again?  I was always for a 140 character limit, from a UI perspective it would make everything so much easier.

/Anne


On 6. apr. 2010, at 22.29, Ethan Jewett wrote:

> Thanks for doing this! I guess I'd leave it open until we have a more
> permanent fix, but maybe lower the "badness" of the issue and make a
> note of why that is happening?
> 
> I'm actually starting to think that the best way to do this is to have
> the javascript that populates the message text that is being replied
> to truncate that text to 140 characters (or something). The user just
> needs a sample and JS has easy functions for doing this. Hmmm. Maybe
> tonight.
> 
> What do you think? Do we want truncation or stretching as our final
> fix for this issue?
> 
> Ethan
> 
> 
> On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
> <yo...@gmail.com> wrote:
>> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>> 
>> /Anne
>> 
>> 
>> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>> 
>>> 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
>>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>> 
>>>>>>>>> 
>>>>>>>> 
>>>>>>>> 
>>>>>> 
>>>>>> 
>>>> 
>>>> 
>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
Thanks for doing this! I guess I'd leave it open until we have a more
permanent fix, but maybe lower the "badness" of the issue and make a
note of why that is happening?

I'm actually starting to think that the best way to do this is to have
the javascript that populates the message text that is being replied
to truncate that text to 140 characters (or something). The user just
needs a sample and JS has easy functions for doing this. Hmmm. Maybe
tonight.

What do you think? Do we want truncation or stretching as our final
fix for this issue?

Ethan


On Tue, Apr 6, 2010 at 3:58 PM, Anne Kathrine Petterøe
<yo...@gmail.com> wrote:
> If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)
>
> /Anne
>
>
> On 4. apr. 2010, at 01.44, Ethan Jewett wrote:
>
>> 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
>> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>>>
>>>>>>>>
>>>>>>>
>>>>>>>
>>>>>
>>>>>
>>>
>>>
>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
If we encourage our users not to use more than 140 characters (which I always thought we should) - we are now safe. Shall I leave the ticket open as this is a bit of a quick fix, seeing we haven't imposed any limits for how long the messages can be. (yet)

/Anne


On 4. apr. 2010, at 01.44, Ethan Jewett wrote:

> 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
> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>> 
>>>>>>> 
>>>>>> 
>>>>>> 
>>>> 
>>>> 
>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
I have made the text smaller and will ask the designer to make the background image longer.
I think it will be easier than making it expand dynamically for the time being.

On 4. apr. 2010, at 01.44, Ethan Jewett wrote:

> 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
> <yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>> 
>>>>>>> 
>>>>>> 
>>>>>> 
>>>> 
>>>> 
>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Ethan Jewett <es...@gmail.com>.
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
<yo...@gmail.com> 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 <yo...@gmail.com>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 <
>>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>>>
>>>>>>
>>>>>
>>>>>
>>>
>>>
>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
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 <yo...@gmail.com>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 <
>> yojibee@gmail.com>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, esjewett@apache.org 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>
>>>>> 
>>>>> 
>>>> 
>>>> 
>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Richard Hirsch <hi...@gmail.com>.
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 <yo...@gmail.com>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 <
> yojibee@gmail.com>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, esjewett@apache.org 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>
> >>>
> >>>
> >>
> >>
>
>

Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Anne Kathrine Petterøe <yo...@gmail.com>.
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 <yo...@gmail.com>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, esjewett@apache.org 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>
>>> 
>>> 
>> 
>> 


Re: svn commit: r930136 - in /incubator/esme/trunk/server/src/main/webapp: style/style.css templates-hidden/message.html

Posted by Richard Hirsch <hi...@gmail.com>.
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 <yo...@gmail.com>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, esjewett@apache.org 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>
> >
> >
>
>