Highlighting the folder drop-target

David A. Davenport registration at firebin.net
Mon Oct 10 15:58:04 CEST 2005


Hey, even without the icon shown, this works great for me.  Thanks for the quick hack!

Though - I think the color you're looking for (if you want to match the inbox selection) is #CC3333.



Dave

On Mon, 10 Oct 2005 15:22:52 +1000, Ross Poulton <ross at rossp.org> wrote:
> 
> Looks like I spoke too soon as well :)
> 
> 
> 
> I've removed the changes from your e-mail, but adding the following is a
> temporary fix. It works (just) with IE6 & FF107, I don't have other
> browsers here to test with. The downside is, like your earlier fix, it
> hides the icon when you hover over the link. I've had to put the :hover on
> the anchor rather than the list item as IE can't do hovers on anything
> other than links. If you move the :hover to the :li (removing the anchor
> tag), the highlight works perfectly in FireFox (keeping the icon there)
> but not in IE6.
> 
> 
> 
> All you need to do is add the following to the stylesheet:
> 
> 
> 
> #mailboxlist li a:hover
> 
> {
> 
>   background-color: #D80D0D;
> 
> }
> 
> 
> 
> Any suggestions on making just the background-color change, without
> touching the image?
> 
> 
> 
> Ross
> 
> 
> 
> On Mon, 10 Oct 2005 00:00:01 -0400, Eliot Kristan <eliot.k at gmail.com>
> wrote:
> 
>> Just a heads up:
> 
>>
> 
>> I think I spoke to soon. The change seems to badly effect the onclick
> 
>> action
> 
>> that is based in the core javascipt file.
> 
>>
> 
>> Sorry about that. I'll be more careful in the future.
> 
>>
> 
>> Best,
> 
>> Eliot
> 
>>
> 
>> On 10/9/05, Eliot Kristan <eliot.k at gmail.com> wrote:
> 
>>>
> 
>>> Hello,
> 
>>>
> 
>>> I just discovered RoundCube and jumped on the list last night. What a
> 
>>> great job with the ideas and the code!
> 
>>>
> 
>>> I was thinking the same thing that Mark had about drop targets. I added
> 
>> a
> 
>>> mouseover / mouseout sequence to program -> steps -> mail ->
> 
>> funcs.incbeginning at line 214 when the <li>'s for the individual mail
> 
>> folders
> 
>>> begins. Mouseover gives the <li> a new class called 'rollover' which I
> 
>>> defined in skins -> default -> mail.css at line 255 with the other
> 
>>> mailboxlist styles.
> 
>>>
> 
>>> With this the individual mailbox will take on a highlighted background
> 
>>> color (could be other styles too, of course) when you roll a dragged
> 
>> item
> 
>>> over it. The only thing with this is that the inbox and trash png's
> 
>>> dissapear during the rollover. You could of course do individual
> 
>> rollover
> 
>>> classes for the inbox and trash <li>'s.
> 
>>>
> 
>>> Attached is a bitty text file of these changes.
> 
>>>
> 
>>> It's great to be here!
> 
>>>
> 
>>> Best,
> 
>>> Eliot
> 
>>>
> 
>>> > - Drag-and-drop targets: I noticed Zimbra changed the dragged item to
> 
>>> green
> 
>>> > when over a valid drop-target. A helpful UI clue to assist users if
> 
>> easy
> 
>>> to
> 
>>> > implement.
> 
>>>
> 
>>>
> 
>>> On 10/9/05, Thomas Bruederli <roundcube at gmail.com> wrote:
> 
>>> >
> 
>>> > 2005/10/8, Mark Mackay - Orcon <mark at orcon.net.nz>:
> 
>>> > >
> 
>>> > > Hi guys -
> 
>>> >
> 
>>> > Hello Mark. Thanks for your long list of good ideas!
> 
>>> > >
> 
>>> > > I'm new to the list as I only stumbled across Roundcube the other
> 
>> day,
> 
>>> > and
> 
>>> > > can't find any mailing list archives (are there any?); so forgive
> me
> 
>>> > if I
> 
>>> > > repeat any feedback/questions. First off - awesome webmail client.
> 
>>> > Been
> 
>>> > > waiting for a good open source Ajax webmail, and was certainly not
> 
>>> > > disappointed. Found Zimbra at around the same time, and definitely
> 
>>> > very
> 
>>> > > cool. but obviously on the heavy side.
> 
>>> > >
> 
>>> > > This latest version seems to address some of the previous version
> 
>>> > issues
> 
>>> > > that I spotted, however there's a few things I'll note here which
> 
>> are
> 
>>> > > wishlists/feedback:
> 
>>> > >
> 
>>> > > HIERARCHICAL FOLDERS
> 
>>> > > Great to see in the new version, but the current presentation isn't
> 
>> as
> 
>>> > ideal
> 
>>> > > when you have lots of folders. I think would be boosted
> 
>> substantially
> 
>>> > by
> 
>>> > > having sub-folders initially hidden and expandable, although
> 
>> possibly
> 
>>> > saving
> 
>>> > > the "expanded" view in a cookie or prefs or something. It also
> 
>>> > truncates
> 
>>> > > the name of long (or deeply nested folders).
> 
>>> >
> 
>>> > Totally agree. The current solution was just added very quickly and
> 
>>> > surely has to be improved with more functionality.
> 
>>> > >
> 
>>> > > NAVIGATION / UI
> 
>>> > > I watched about 5 people initially try to use Roundcube for the
> 
>> first
> 
>>> > time,
> 
>>> > > and everyone seemed to initially struggle with working out the
> 
>>> > navigation
> 
>>> > > options. Ajax is new to most, so not everyone's used to the way
> 
>> things
> 
>>> > can
> 
>>> > > work yet. Some suggestions:
> 
>>> > >
> 
>>> > > - Make the cursor change to an hourglass when you double-click on a
> 
>>> > message,
> 
>>> > > or put a progress bar/icon somewhere - so that people know
> something
> 
>>> > should
> 
>>> > > be happening. It wasn't very obvious to double-click (based on the
> 
>> way
> 
>>> > the
> 
>>> > > cursor/selection stuff happened) - so maybe make the clicking title
> 
>>> > > automatically open the message, or provide a location on the line
> 
>>> > where a
> 
>>> > > single click will definitely work.
> 
>>> >
> 
>>> > Because Roundcube does not come up with (ugly) checkboxes on each
> line
> 
>>> > to select a message, we used one click for the message selection.
> Also
> 
>>> > it was some sort of a test, how a web application using double-clicks
> 
>>> > will work. I already got lots of feedbacks concerning this topic.
> 
>>> > We also made some tests with setting the hourglass-cursor and it's
> 
>>> > possible to do so but if you reset the cursor to 'default' (this has
> 
>>> > to be done for the whole document) then all buttons will loose their
> 
>>> > hand-cursor. If someone has a better solution for that, please let me
> 
>>> > know...
> 
>>> > >
> 
>>> > > - Two nav bars: The nav at the top and bottom is a bit confusing to
> 
>>> > users,
> 
>>> > > so I'd suggest putting them all in the one location. Feedback from
> 
>> my
> 
>>> > > initial test users is that some of the icons aren't obvious as to
> 
>> what
> 
>>> > they
> 
>>> > > do (the inbox at the bottom, "logout" -- could be confused with
> 
>> delete
> 
>>> > -- so
> 
>>> > > maybe make delete a trash can? This is obviously changeable through
> 
>>> > the
> 
>>> > > skins, but feedback provided in case you think it's worthy updating
> 
>>> > the
> 
>>> > > default skin.
> 
>>> >
> 
>>> > The current skin actually is just for development and was designed by
> 
>>> > a programmer and not by a real screen designer. The lower nav bar
> 
>>> > should be some sort of a task list.
> 
>>> > We have people working on a new skin for RoundCube.
> 
>>> > >
> 
>>> > > - Use of alt-tags, window.status messages, etc: For a first-time
> 
>> user
> 
>>> > > there's no real clue as to what buttons do except their icon. The
> 
>>> > mouseover
> 
>>> > > URL doesn't provide much insight, as it's all JavaScript
> references,
> 
>>> > etc.
> 
>>> >
> 
>>> > All buttons have title-attributes set for the <a> tag but IE prefers
> 
>>> > to use the empty alt-attribute. Modern browsers all show up the
> titles
> 
>>> > set for each button. Also the skin architecture allows to create
> 
>>> > buttons with a text label.
> 
>>> > >
> 
>>> > > - Drag-and-drop targets: I noticed Zimbra changed the dragged item
> 
>> to
> 
>>> > green
> 
>>> > > when over a valid drop-target. A helpful UI clue to assist users if
> 
>>> > easy to
> 
>>> > > implement.
> 
>>> >
> 
>>> > Good point. I'll try to improve this.
> 
>>> > >
> 
>>> > > - Speed with large mailboxes: The first time I logged in (with 380
> 
>>> > > messages, but about 40 subscribed folders) took an age. I realise
> 
>> the
> 
>>> > cache
> 
>>> > > needs to be built up, but this first-time hit (our imap server is
> 
>>> > currently
> 
>>> > > quite slow, which may be contributing to it) is quite unbearable
> for
> 
>>> > users.
> 
>>> > > Perhaps a message could be displayed like "Updating message
> listing"
> 
>>> > so that
> 
>>> > > it moves off the initial login screen more quickly? Ditto for
> 
>> loading
> 
>>> > up an
> 
>>> > > un-cached mailbox, although the "loading" at the top helps.
> 
>>> >
> 
>>> > If logging in for the first time, all mailboxes are listed and the
> 
>>> > client requests a message count for each one. This is what takes a
> lot
> 
>>> > of time and it certainly has to be improved.
> 
>>> > >
> 
>>> > > - Mysql max_allowed_packet: Encountered a user (with about 3000
> 
>>> > messages in
> 
>>> > > inbox) exceeding the default max_allowed_packet of 1M. Worked by
> 
>>> > boosting
> 
>>> > > it, but there may be some issues with really large mailboxes under
> 
>> the
> 
>>>