Tab Size & New Tab Button Missing
Hi Had to do a refresh tonight and it messed up all my settings so have been fixing things. Got my tabs back on the bottom again but the tab button size is just a smidge… (kàsi)
Hi
Had to do a refresh tonight and it messed up all my settings so have been fixing things. Got my tabs back on the bottom again but the tab button size is just a smidge small below is my code is there a way in it to make the tab buttons or the hearder area just a smidge bigger?
Also before pasting the code my second question is about the new tab icon + that should be in the tab bar but it is missing. I seem to remember finding a way to reactivate that but can't seem to lay my fingers on the process. How can I get it back as it is missing and prefer using it over other methods!
Thanks and here is the code I have currently working it moved the tabs to the bottom but as I said they are a smidge small is there a way to either make the buttons bigger or perhaps the font just needs to be little large size.
Thanks
/* @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
/* TABS: on bottom */
- navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
- TabsToolbar {-moz-box-ordinal-group:1000!important}
- TabsToolbar {
display: block !important; /*required for 71+*/ position: absolute !important; bottom: 0 !important; width: 100vw !important;
}
- tabbrowser-tabs {
width: 100vw !important;
}
- main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
/* TABS: height */
- root {
--tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 30px !important; /* adjust to suit your needs */
}
- root #tabbrowser-tabs {
--tab-min-height: 30px !important; /* needs to be the same as above under :root */ --tab-min-width: 80px !important;
}
- TabsToolbar {
height: var(--tab-min-height) !important; margin-bottom: 1px !important; box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}
- tabbrowser-tabs,
- tabbrowser-tabs > .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important; max-height: var(--tab-min-height) !important;
}
/* drag space */ .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
width: 40px;
}
/* Override vertical shifts when moving a tab */
- navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
padding-bottom: unset !important;
}
- navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important; margin-bottom: unset !important;
}
- navigator-toolbox[movingtab] > #nav-bar {
margin-top: unset !important;
}
/* Colored bookmark sidebar, toolbar, menu button containers */
/* Standard folder */
#bookmarks-view treechildren::-moz-tree-image(container),
#PlacesToolbarItems toolbarbutton[container="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"] .menu-iconic-icon {
fill: gold !important;
}
/* Live Bookmark (RSS Feed) */
#bookmarks-view treechildren::-moz-tree-image(container, livemark),
#PlacesToolbarItems toolbarbutton[container="true"][livemark="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][livemark="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][livemark="true"] .menu-iconic-icon {
fill: orange !important;
}
/* Smart bookmark folder */
#bookmarks-view treechildren::-moz-tree-image(container, query),
#PlacesToolbarItems toolbarbutton[container="true"][query="true"] .toolbarbutton-icon,
#PlacesToolbarItems menu[container="true"][query="true"] .menu-iconic-left,
#BMB_bookmarksPopup menu[container="true"][query="true"] .menu-iconic-icon {
fill: dimtan !important;
}
/* These "containers" are SVG in the sidebar, not yet on the menu */
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksMenu) {
fill: tan !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_BookmarksToolbar) {
fill: tan !important;
}
#bookmarks-view treechildren::-moz-tree-image(container, OrganizerQuery_UnfiledBookmarks) {
fill: tan !important;
}