Roundcube Community Forum

 

Message selection menu - style incorrect

Started by grpprod, January 07, 2013, 07:25:08 AM

Previous topic - Next topic

grpprod

Hi all,

why is the message selection drop-down menu ("All, Unread, Flagged" etc) does not conform to the general stylesheet like all the other drop-downs? Any workaround for this? Browsed the css files, but couldn't recognise it.

SKaero

I not sure what you mean, are you using larry? It should be ul.toolbarmenu.

grpprod

I attach 4 screenshots to illustrate. The first two are in Firefox 17, and the other two in IE9. In each browser, I attach one screenshot of a properly shown menu, and the menu which has the problem. You can see the following:

FF:
No rounded edges, no shadow in the menu, different border.

IE:
Menu totally screwed up (different font, no separators/spacing, no shadow, no rounded edges).

SKaero

The filter menu is a select box, not a popup div so it can't be styled the same.

grpprod

#4
I see. However, it is my understanding that its appearance is different across browsers. So, and since in Firefox definitely looks better, then I must conclude this can definitely be styled. If dropdowns couldn't be styled, then I would expect to see a default box under every browser. Sadly I am not that familiar with CSS to explain further. In any case, perhaps others will agree with me that there must be something missing from styles.css.

Update: I've also tried Google Chrome and it also renders the menu incorrectly (like IE). I would definitely expect IE to not render properly, but since it also has a problem in Chrome (which is supposed to support all WWW standards) then perhaps it should be considered an issue to be resolved.

It does not look good for any of us, having such a detailed skin like Larry given to our users, to make them consider we just did not pay too much attention to detail when creating 'our webmail'  ::)

grpprod

I also see that select boxes can also be styled. (eg http://bavotasan.com/2011/style-select-box-using-only-css/)

Can someone suggest a way to make it uniform across browsers?

SKaero

You'll notice that they are only styling the background color and font color, it no better than how the RoundCube version is styled.

grpprod

I have no problem with Roundcube's styling. The problem is that it is shown only on Firefox. In other browsers it is ignored at its most.