[opensuse-wiki] Small CSS issue
Hello, I noticed a small issue with the CSS at wiki.o.o. If I reduce the width of the browser window (say: to 800px width), the main menu moves below the dark bar at the top - even if there is enough space left to display it. The search box also moves down, but this is the smaller issue ;-) The fix is easy: http://wiki.opensuse.org/skins/bento/css_local/style.css line 5 to 7 contain #header ul#global-navigation { width: 650px; /* to get space for advanced search */ } Changing it to "width: auto" fixes the issue - the menu stays in the dark bar, and the search box also only moves down if there isn't enough space in the dark bar left. BTW: https://static.opensuse.org/themes/bento/css/base.css has #header ul#global-navigation { ... width: 700px; } so you'll really need the "width: auto;" in style.css. I'm not sure what the comment "to get space for advanced search" in style.css means (maybe it refers to 650px vs. 700px), but as far as I can tell, my change doesn't break anything ;-) Regards, Christian Boltz -- Wenn du in deiner procmail spamassassin stehen hast, dann wird für jede eintrudelnde Mail das komplette Programm gestartet, inclusive Initialisierung und PiPaPo - also, ich mache meine Wohnung am liebsten mit der Zentralheizung warm, nicht mit meiner Festplatte. ;-) [Ratti in suse-linux] -- To unsubscribe, e-mail: opensuse-wiki+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-wiki+help@opensuse.org
On 24.05.2010 00:30, Christian Boltz wrote:
Hello,
I noticed a small issue with the CSS at wiki.o.o.
If I reduce the width of the browser window (say: to 800px width), the main menu moves below the dark bar at the top - even if there is enough space left to display it.
The search box also moves down, but this is the smaller issue ;-)
The fix is easy:
http://wiki.opensuse.org/skins/bento/css_local/style.css line 5 to 7 contain
#header ul#global-navigation { width: 650px; /* to get space for advanced search */ }
Changing it to "width: auto" fixes the issue - the menu stays in the dark bar, and the search box also only moves down if there isn't enough space in the dark bar left.
BTW: https://static.opensuse.org/themes/bento/css/base.css has #header ul#global-navigation { ... width: 700px; } so you'll really need the "width: auto;" in style.css.
I'm not sure what the comment "to get space for advanced search" in style.css means (maybe it refers to 650px vs. 700px), but as far as I can tell, my change doesn't break anything ;-)
Thanks, I applied your patch, it will get online with the next deployment. Greetings -- Thomas Schmidt (tschmidt [at] suse.de) SUSE Linux Products GmbH :: Research & Development :: Tools "Don't Panic", Douglas Adams (1952 - 11.05.2001) -- To unsubscribe, e-mail: opensuse-wiki+unsubscribe@opensuse.org For additional commands, e-mail: opensuse-wiki+help@opensuse.org
participants (2)
-
Christian Boltz
-
Thomas Schmidt