custom css not working with 71.0b3 (32-Bit)
since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this:
- tabbrowser-tabs .tabbrowser-arrowscrollbox,
- tabbrowser-tabs .arrowscrollbox-scrollbox {
display: block;
}
.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator {
display: none !important;
}
- tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
display: flex; flex-wrap: wrap; /* display: block; */ overflow-y: auto !important; min-height: var(--tab-min-height); /* default */ max-height: calc(5*var(--tab-min-height)) !important;
}
- tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
flex-grow: 1; flex-wrap:wrap; min-width: 130px;
max-width: 330px;
vertical-align: bottom !important;
}
- tabbrowser-tabs .tabbrowser-tab,
- tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
height: var(--tab-min-height);
}
- tabbrowser-tabs .tabbrowser-tab .tab-stack {
width: 100%;
}
- titlebar-buttonbox {
display: block !important; vertical-align: top !important;
}
- main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore:
It is showing only one row anymore;
The userChrome.css looks loke this:
#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .arrowscrollbox-scrollbox {
display: block;
}
.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
display: none !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
/*
display: block;
*/
overflow-y: auto !important;
min-height: var(--tab-min-height); /* default */
max-height: calc(5*var(--tab-min-height)) !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
flex-grow: 1;
flex-wrap:wrap;
min-width: 130px;
max-width: 330px;
vertical-align: bottom !important;
}
#tabbrowser-tabs .tabbrowser-tab,
#tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
height: var(--tab-min-height);
}
#tabbrowser-tabs .tabbrowser-tab .tab-stack {
width: 100%;
}
#titlebar-buttonbox {
display: block !important;
vertical-align: top !important;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag;
}
Усі відповіді (1)
Hi mein feuerfuchs, you might check on the following forum where more pre-release users hang out and share fixes for userChrome.css rules:
https://www.reddit.com/r/FirefoxCSS/
If you get a solution there first, could you report back with a link to it? That would be great. Thanks.