Return-Path: Delivered-To: apmail-incubator-esme-dev-archive@minotaur.apache.org Received: (qmail 81974 invoked from network); 5 Nov 2010 08:21:47 -0000 Received: from unknown (HELO mail.apache.org) (140.211.11.3) by 140.211.11.9 with SMTP; 5 Nov 2010 08:21:47 -0000 Received: (qmail 43515 invoked by uid 500); 5 Nov 2010 08:22:18 -0000 Delivered-To: apmail-incubator-esme-dev-archive@incubator.apache.org Received: (qmail 43454 invoked by uid 500); 5 Nov 2010 08:22:17 -0000 Mailing-List: contact esme-dev-help@incubator.apache.org; run by ezmlm Precedence: bulk List-Help: List-Unsubscribe: List-Post: List-Id: Reply-To: esme-dev@incubator.apache.org Delivered-To: mailing list esme-dev@incubator.apache.org Received: (qmail 43446 invoked by uid 99); 5 Nov 2010 08:22:17 -0000 Received: from athena.apache.org (HELO athena.apache.org) (140.211.11.136) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 05 Nov 2010 08:22:17 +0000 X-ASF-Spam-Status: No, hits=0.0 required=10.0 tests=FREEMAIL_FROM,RCVD_IN_DNSWL_NONE,SPF_PASS,T_TO_NO_BRKTS_FREEMAIL X-Spam-Check-By: apache.org Received-SPF: pass (athena.apache.org: domain of hirsch.dick@gmail.com designates 209.85.214.175 as permitted sender) Received: from [209.85.214.175] (HELO mail-iw0-f175.google.com) (209.85.214.175) by apache.org (qpsmtpd/0.29) with ESMTP; Fri, 05 Nov 2010 08:22:10 +0000 Received: by iwn42 with SMTP id 42so2588561iwn.6 for ; Fri, 05 Nov 2010 01:21:50 -0700 (PDT) DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=gmail.com; s=gamma; h=domainkey-signature:mime-version:received:received:in-reply-to :references:date:message-id:subject:from:to:content-type :content-transfer-encoding; bh=kuaCPowb6dFGPDfuwg7f8VG6IhsN0KQdp2zS0TrKl7g=; b=Vn892YEJZsWUdwfBvEqkRivCxNFV6F/WLnoGZz8HRGL1S+yEygnfFMyTbudmgQNpZd m4luo6n1a0cbTH0pkOsmak/O7ZhLK81xWpJPn7veVEx7cnqb4Yfz0rS3cSQhl2TGdWA8 0CVwSnN6AMRcjGD8AuBNWdEDrD7fxkGmyqMsQ= DomainKey-Signature: a=rsa-sha1; c=nofws; d=gmail.com; s=gamma; h=mime-version:in-reply-to:references:date:message-id:subject:from:to :content-type:content-transfer-encoding; b=nr6ZYPsqs2OTehG4xQqBlZuFcBeFPwHkJWV5DuaIemzI7Ry/M3+fj/YZoHUcvZNmiR u9WqaIHNSw91dVr9H2way/qIR1NXRhDkKhLnjo2pxKbRIw57odTPwUDQn2udptUikMJT XzxeDrq8owZkilAMm2MNVHDDY9rVoZZpSfTxs= MIME-Version: 1.0 Received: by 10.42.193.13 with SMTP id ds13mr1114900icb.376.1288945310148; Fri, 05 Nov 2010 01:21:50 -0700 (PDT) Received: by 10.231.33.10 with HTTP; Fri, 5 Nov 2010 01:21:50 -0700 (PDT) In-Reply-To: References: <20101103190122.24CDA238890D@eris.apache.org> Date: Fri, 5 Nov 2010 09:21:50 +0100 Message-ID: Subject: Re: svn commit: r1030614 - in /incubator/esme/trunk/server/src/main/webapp: images/bg-update-bot.png images/bg-update-mid.png images/bg-update-top.png style/style.css templates-hidden/message.html templates-hidden/message_update_box.html From: Richard Hirsch To: esme-dev@incubator.apache.org Content-Type: text/plain; charset=ISO-8859-1 Content-Transfer-Encoding: quoted-printable On Thu, Nov 4, 2010 at 11:14 AM, Ethan Jewett wrote: > Anne and I had a little off-list chat about this (on gChat, but we'll > actually use ESME for this in the future since it is now totally usable!)= . > Here is a summary: > > *** Topic 1 *** > > I think we still may want to have an auto-expanding update area for two > reasons: > > 1. There is currently a lot of wasted space under the update area, which = is > there mostly to make room for the like of reply text when the message is = a > reply. I'd like to get rid of most of the empty space. > > 2. I'd like to change the size of the message box to accommodate larger > messages. > > Anne, as usual, had very pragmatic suggestions, which amounted to: Let's > just keep it static and make the message box a bit larger to take up some= of > the extra space. I'm not really attached to either option, so we wanted > opinions if people have a preference one way or the other. I'm more than > happy to change back to the static background while keeping the CSS and H= TML > simplifications I made, and this is what I plan to do if no one has anoth= er > preference. > > *** Topic 2 *** > > There was also a second piece of the discussion, involving a larger > interface change that I want to bring up: I'd like to make it possible to > access the message input area from any page on ESME. Most of the motivati= on > for this is to allow messaging (and replies / resends) from the tag and > conversation pages, but I don't see a reason we can't also allow posting > from any other page. We came up with two possible ways of accomplishing > this, both of which involve moving the update box into the base template > instead of only the main timeline template: But don't you think moving the update box to the main template would eat up space? I'd like more of an inline update box like that from twitter rather than from seesmic web. > > 1. Have something like Twitter.com's new interface where there is always = a > small text box displayed and clicking on it expands to a full message-inp= ut > interface. > > 2. Have something like streamie.org's interface where the message-input a= rea > slides down from the header upon request (thought I think if we do this w= e > should make it more "in your face" than Streamie's implementation). Could we "borrow" that CSS code from streamie? > > Thoughts on this? I think I'm going to prototype in a branch, so people c= an > comment as progress is made. > > Ethan > > On Wed, Nov 3, 2010 at 10:48 PM, Anne Kathrine Petter=F8e > wrote: > >> So I was just testing the latest changes and now I suddenly remembered w= hat >> these Jira tasks were ;-) >> The "problem" with this change is that the reply line in the update box = is >> limited to a single line no matter how long the original message is. >> To be honest I thought we had deleted these Jira tasks a while back, >> because >> I can't really see why we should change that? Do we really want to have >> (possibly) super long messages displayed once again in the update box? >> Wouldn't it steal too much screen space in that case? >> >> /Anne >> >> On 3 November 2010 22:31, Anne Kathrine Petter=F8e >> wrote: >> >> > I'll take a look at it, if necessary I'll involve Joy. >> > >> > What did we decide on regarding the follow button again? >> > >> > /Anne >> > >> > >> > >> > On 3 November 2010 22:02, Richard Hirsch wrote= : >> > >> >> On Wed, Nov 3, 2010 at 8:09 PM, Ethan Jewett >> wrote: >> >> > Hi all, >> >> > >> >> > This is the css/html change and images to make the update box expan= d >> and >> >> > contract as necessary when reply text is inserted, or if something >> else >> >> > changes in the future (like maybe we want an auto-expanding >> composition >> >> box >> >> > or something). >> >> > >> >> > Two things I need assistance with to finish this: >> >> > >> >> > 1. Testing, especially in IE. I can test in IE 8 and FF once it is >> >> deployed >> >> > to Stax, but if someone can test in IE7 that would be great. I've >> >> confirmed >> >> > it works in Chrome/webkit. >> >> >> >> I can test with IE on Friday when I get back to work . >> >> >> >> > >> >> > 2. The image currently has a very slight gradient, which doesn't wo= rk >> >> with >> >> > background repetition. Can someone with more image editing chops th= an >> me >> >> > (and a real image editing program) make the three images single-col= or? >> >> > >> >> @Anne Can you help here? >> >> >> >> > Thanks! >> >> > Ethan >> >> > >> >> > On Wed, Nov 3, 2010 at 8:01 PM, wrote: >> >> > >> >> >> Author: esjewett >> >> >> Date: Wed Nov =A03 19:01:21 2010 >> >> >> New Revision: 1030614 >> >> >> >> >> >> URL: http://svn.apache.org/viewvc?rev=3D1030614&view=3Drev >> >> >> Log: >> >> >> [ESME-284] [ESME-296] Make message area expand and contract as >> needed. >> >> Also >> >> >> split bg-update.png as required. However, the split is not colored >> >> >> correctly, so we need to redo the image as a single color. >> >> >> >> >> >> Added: >> >> >> >> =A0incubator/esme/trunk/server/src/main/webapp/images/bg-update-bot.png >> >> >> (with props) >> >> >> >> =A0incubator/esme/trunk/server/src/main/webapp/images/bg-update-mid.png >> >> >> (with props) >> >> >> >> =A0incubator/esme/trunk/server/src/main/webapp/images/bg-update-top.png >> >> >> (with props) >> >> >> Modified: >> >> >> =A0 =A0incubator/esme/trunk/server/src/main/webapp/style/style.css >> >> >> >> >> >> >> >> >> =A0incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.= html >> >> >> >> >> >> >> >> >> =A0incubator/esme/trunk/server/src/main/webapp/templates-hidden/message_= update_box.html >> >> >> >> >> >> Added: >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-bot.png >> >> >> URL: >> >> >> >> >> >> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp= /images/bg-update-bot.png?rev=3D1030614&view=3Dauto >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> Binary file - no diff available. >> >> >> >> >> >> Propchange: >> >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-bot.p= ng >> >> >> >> >> >> >> >> >> ------------------------------------------------------------------------= ------ >> >> >> =A0 =A0svn:mime-type =3D application/octet-stream >> >> >> >> >> >> Added: >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-mid.png >> >> >> URL: >> >> >> >> >> >> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp= /images/bg-update-mid.png?rev=3D1030614&view=3Dauto >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> Binary file - no diff available. >> >> >> >> >> >> Propchange: >> >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-mid.p= ng >> >> >> >> >> >> >> >> >> ------------------------------------------------------------------------= ------ >> >> >> =A0 =A0svn:mime-type =3D application/octet-stream >> >> >> >> >> >> Added: >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-top.png >> >> >> URL: >> >> >> >> >> >> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp= /images/bg-update-top.png?rev=3D1030614&view=3Dauto >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> Binary file - no diff available. >> >> >> >> >> >> Propchange: >> >> >> incubator/esme/trunk/server/src/main/webapp/images/bg-update-top.p= ng >> >> >> >> >> >> >> >> >> ------------------------------------------------------------------------= ------ >> >> >> =A0 =A0svn:mime-type =3D application/octet-stream >> >> >> >> >> >> 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=3D1030614&r1=3D1030613&r2=3D1030614&view=3Ddiff >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> --- incubator/esme/trunk/server/src/main/webapp/style/style.css >> >> (original) >> >> >> +++ incubator/esme/trunk/server/src/main/webapp/style/style.css We= d >> Nov >> >> =A03 >> >> >> 19:01:21 2010 >> >> >> @@ -230,7 +230,7 @@ label { >> >> >> =A0} >> >> >> >> >> >> =A0.post-form-row { >> >> >> - =A0 =A0 =A0 margin:7px 0; >> >> >> + =A0margin-top:10px; >> >> >> =A0} >> >> >> =A0.line { >> >> >> =A0 =A0 =A0 =A0margin-top:12px; >> >> >> @@ -238,22 +238,22 @@ label { >> >> >> =A0} >> >> >> =A0.login-btn, .update-btn, .submit-btn { >> >> >> =A0 =A0 =A0 =A0float:right; >> >> >> -} >> >> >> -.share-select { >> >> >> - =A0 =A0 =A0 float:left; >> >> >> +} >> >> >> + >> >> >> +.share-select { >> >> >> + =A0display:inline; >> >> >> =A0} >> >> >> -.update-btn { >> >> >> + >> >> >> +.update-btn { >> >> >> + =A0display:inline; >> >> >> =A0 =A0 =A0 =A0margin-right:40px; >> >> >> -} >> >> >> -.update-btn, .share-select { >> >> >> - =A0 =A0 =A0 margin-top:10px; >> >> >> -} >> >> >> +} >> >> >> + >> >> >> =A0#form-update label { >> >> >> =A0 =A0 =A0 =A0font-weight:bold; >> >> >> =A0 =A0 =A0 =A0color:#000; >> >> >> =A0 =A0 =A0 =A0margin-top: 5px; >> >> >> - =A0 =A0 =A0 padding-right:5px; >> >> >> - =A0 =A0 =A0 float:left; >> >> >> + =A0 =A0 =A0 padding-right:5px; >> >> >> =A0} >> >> >> =A0select.inputBox2 { >> >> >> =A0 =A0 =A0 =A0background-color:#FFFFFF !important; >> >> >> @@ -263,8 +263,7 @@ select.inputBox2 { >> >> >> =A0 =A0 =A0 =A0padding:4px; >> >> >> =A0} >> >> >> >> >> >> -textarea.inputBox2 { >> >> >> - =A0 =A0 =A0 float:left; >> >> >> +textarea.inputBox2 { >> >> >> =A0 =A0 =A0 =A0background-color:#FFFFFF !important; >> >> >> =A0 =A0 =A0 =A0border:1px solid #a7aaad; >> >> >> =A0 =A0 =A0 =A0width:95%; >> >> >> @@ -406,15 +405,27 @@ ul.main-links =A0{ >> >> >> =A0/* UPDATES >> >> >> >> >> >> >> >> >> =A0*********************************************************************= **********/ >> >> >> =A0#back-header { >> >> >> - =A0 =A0 =A0 margin-top:20px; >> >> >> - =A0 =A0 =A0 } >> >> >> + =A0 =A0 =A0 margin-top:20px; >> >> >> +} >> >> >> + >> >> >> =A0.container-update { >> >> >> - >> >> >> - =A0 =A0 =A0 width: 550px; >> >> >> - =A0 =A0 =A0 height:185px; >> >> >> - =A0 =A0 =A0 padding:20px 30px; >> >> >> - =A0 =A0 =A0 background: url(../images/bg-update.png) no-repeat; >> >> >> - =A0 =A0 =A0 margin-bottom:20px; >> >> >> + =A0 =A0 =A0 width: 550px; >> >> >> + =A0 =A0 =A0 padding:10px 30px; >> >> >> + =A0 =A0 =A0 background: url(../images/bg-update-mid.png) repeat-= y; >> >> >> +} >> >> >> + >> >> >> +.container-update-top { >> >> >> + =A0height:15px; >> >> >> + =A0 =A0 =A0 width: 550px; >> >> >> + =A0 =A0 =A0 padding:0px 30px; >> >> >> + =A0background: url(../images/bg-update-top.png) no-repeat; >> >> >> +} >> >> >> + >> >> >> +.container-update-bot { >> >> >> + =A0height:20px; >> >> >> + =A0width: 550px; >> >> >> + =A0 =A0 =A0 padding:0px 30px; >> >> >> + =A0background: url(../images/bg-update-bot.png) no-repeat; >> >> >> =A0} >> >> >> >> >> >> =A0.gray-box { >> >> >> >> >> >> Modified: >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.htm= l >> >> >> URL: >> >> >> >> >> >> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp= /templates-hidden/message.html?rev=3D1030614&r1=3D1030613&r2=3D1030614&view= =3Ddiff >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> --- >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.htm= l >> >> >> (original) >> >> >> +++ >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message.htm= l >> >> >> Wed Nov =A03 19:01:21 2010 >> >> >> @@ -20,11 +20,11 @@ >> >> >> >> >> >> >> >> >> =A0 >> >> >> - =A0 =A0 =A0
>> >> >> + =A0 =A0 =A0
>> >> >> =A0 =A0 =A0 =A0 =A0 >> >> >> =A0 =A0 =A0 =A0
>> >> >> >> >> >> - =A0 =A0 =A0
>> >> >> + =A0 =A0 =A0
>> >> >> =A0 =A0 =A0 =A0 =A0 >> >> >> =A0 =A0 =A0 =A0
>> >> >> =A0 >> >> >> \ No newline at end of file >> >> >> >> >> >> Modified: >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message_upd= ate_box.html >> >> >> URL: >> >> >> >> >> >> http://svn.apache.org/viewvc/incubator/esme/trunk/server/src/main/webapp= /templates-hidden/message_update_box.html?rev=3D1030614&r1=3D1030613&r2=3D1= 030614&view=3Ddiff >> >> >> >> >> >> >> >> >> =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D=3D= =3D=3D=3D=3D >> >> >> --- >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message_upd= ate_box.html >> >> >> (original) >> >> >> +++ >> >> >> >> >> >> incubator/esme/trunk/server/src/main/webapp/templates-hidden/message_upd= ate_box.html >> >> >> Wed Nov =A03 19:01:21 2010 >> >> >> @@ -18,74 +18,78 @@ >> >> >> =A0--> >> >> >> >> >> >> =A0 >> >> >> -
>> >> >> - =A0 =A0 =A0

>> >> >> - >> >> >> ui_messages_message_label_message_request >> >> >> - =A0 =A0 =A0

>> >> >> - =A0 =A0 =A0
>> >> >> - =A0 =A0 =A0 =A0 =A0 =A0 =A0
>> >> >> - =A0 =A0 =A0 =A0 =A0 =A0 =A0
>> >> >> - =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0 =A0