Tabs on bottom
-
- Posts: 4
- Joined: May 15th, 2019, 6:26 pm
Tabs on bottom
in my CSS file I had tabs on bottom worked out fine till yesterday when suddenly they are now back on top WHY
- dfoulkes
- Posts: 22525
- Joined: June 28th, 2008, 10:31 pm
- Location: Mesquite, Nevada
Re: Tabs on bottom
I don't use your version of Firefox .. my code works for me... so, you might want to post the CSS code that you are having issues with.
As you can see she's (The CAT) always alert and on the prowl for Meoware !!
-
- Posts: 4
- Joined: May 15th, 2019, 6:26 pm
Re: Tabs on bottom
MY CSS CODE
#tabbrowser-tabs {
width: 80vw !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: 26
:root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width:60px !important;JHJ
}
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !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;
}
#tabbrowser-tabs {
width: 80vw !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: 26
:root #tabbrowser-tabs {
--tab-min-height: 33px !important; /* needs to be the same as above under :root */
--tab-min-width:60px !important;JHJ
}
#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
background-color: var(--toolbar-bgcolor) !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;
}
- jscher2000
- Posts: 11742
- Joined: December 19th, 2004, 12:26 am
- Location: Silicon Valley, CA USA
- Contact:
Re: Tabs on bottom
That doesn't look like it has code to change the position of bars -- you would notice rules relating to -moz-box-ordinal-group which set the order of the bars. Check out the following section of my site and the FEEDBACK panel you can open on the right with other user suggestions:
https://www.userchrome.org/what-is-user ... movetabbar
https://www.userchrome.org/what-is-user ... movetabbar
- dickvl
- Posts: 54146
- Joined: July 18th, 2005, 3:25 am
Re: Tabs on bottom
You seem to have only code to set the height of the Tab bar and no code to move the Tab bar out of its container to the bottom position.
I also see "JHJ" on a line that shouldn't be there.
--tab-min-width:60px !important;JHJ
I also see "JHJ" on a line that shouldn't be there.
--tab-min-width:60px !important;JHJ
Code: Select all
/* 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 {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}
#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: calc(0px + var(--tab-min-height)) !important;}
-
- Posts: 4
- Joined: May 15th, 2019, 6:26 pm
Re: Tabs on bottom
a million thanks dickvl it is the only thing that got tabs back on bottom
sue
sue