Move the tab bar - Firefox: Difference between revisions
From MozillaZine Knowledge Base
Jump to navigationJump to search
m (add tabbed browsing category) |
m (→Move it to the Left/Right Sides: -moz-box-pack throws a css error now. it seems to work fine without it) |
||
Line 23: | Line 23: | ||
-moz-box-orient: horizontal; | -moz-box-orient: horizontal; | ||
min-width: 10ex; /* you may want to increase this value */ | min-width: 10ex; /* you may want to increase this value */ | ||
-moz-box-align: start; | -moz-box-align: start; | ||
} | } | ||
Line 30: | Line 29: | ||
-moz-box-orient: vertical; | -moz-box-orient: vertical; | ||
-moz-box-align: stretch; | -moz-box-align: stretch; | ||
} | } | ||
Revision as of 00:30, 27 December 2005
Edit your userChrome.css file to add the code you need, as follows.
Move it to the Bottom
/* Display the tabbar at the bottom */ #content > tabbox { -moz-box-direction: reverse; }
Move it to the Left/Right Sides
/* Display the tabbar on the left */ #content > tabbox { -moz-box-orient: horizontal; } .tabbrowser-strip { -moz-box-orient: vertical; /* note: you can set this to -moz-scrollbars-vertical instead, but then the scrollbar will *always* be visible. this way there is never a scrollbar, so it behaves like the tab bar normally does */ overflow: -moz-scrollbars-none; } .tabbrowser-tabs { -moz-box-orient: horizontal; min-width: 10ex; /* you may want to increase this value */ -moz-box-align: start; } .tabbrowser-tabs > hbox { -moz-box-orient: vertical; -moz-box-align: stretch; } .tabbrowser-tabs > hbox > tab { -moz-box-align: start; -moz-box-orient: horizontal; } /* remove the close-tab button */ .tabbrowser-tabs > stack { display: none; }
If you want to move it to the right, add the following lines to the above:
/* Instead, display the tabbar on the right */ #content > tabbox { -moz-box-direction: reverse; }
Unabashedly stolen from clav.