#Firefox #CSS

When unhiding the vertical tab bar, it expands to show titles; I don't want that. So…

#sidebar-main { max-width: 50px !important }

#tabbrowser-tabs[orient="vertical"]
{

.tab-text.tab-label { display: none !important }

#tabs-newtab-button { max-width: 0px !important; position:absolute; right:4px }

.tabbrowser-tab {.tab-close-button { position: absolute; left: -4px; top: -4px } }

}

hey what if tab groups were worth having:

.tab-group-label-container, .tab-group-label { height: -1px; font-size: 7pt; font-weight:lighter; margin-bottom: -6px; } .tab-group-line { margin: -2px !important; } tab-group { #tabbrowser-tabs[orient="horizontal"] &[collapsed] > .tabbrowser-tab:not([visuallyselected]) { min-width: 12px !important; max-width: 25px !important; padding: 10px 10px; overflow-clip-margin: 5px; tab-icon-overlay, .tab-icon-image:not([pinned]) { scale: 90% !important; margin-inline: 10px; opacity: 1 !important; } } }

@linmob

with Firefox 123 the tab counter/switcher is broken

Thanks for the heads up. I'll investigate this issue on my Librem 5 once LibreWolf flatpak updates to version 123.

This has happened before. The issue involves the way that I have hidden the Tab Bar. If I use display: none to hide it, then everything inside is also hidden, including the Tab Manager button. So I instead used visibility: hidden to hide the Tab Bar. Well an update caused this method to also hide the Tab Manager button. So I changed it to visibility: collapse, which worked until version 123 apparently. So I'm hoping that there may be yet another way to hide the Tab Bar without hiding the Tab Manager button, possibly going back to using visibility: hidden. We shall see.

If I can't fix this, the good news is that unhiding the Tab Bar should fix this issue. But the bad news would be having to unhide the Tab Bar.

If you're using my fenix branch and want to unhide the Tab Bar, then comment out line 60 of 13_true_mobile_mode.css as shown:

58 59 /* Hide Tab Bar and Private Browsing Indicator */ 60 /*#tabbrowser-tabs,*/ 61 #private-browsing-indicator-with-label { 62 visibility: collapse !important; 63 } 64
mobile-config-firefox

Mobile and privacy friendly configuration for Firefox (distro-independent) forked from https://gitlab.com/postmarketOS/mobile-config-firefox/

Codeberg.org
Balik Lagi, Tampilan Tab di Chrome Bisa Digabung Kembali

Tampilan tab di aplikasi Google Chrome pada hp android kembali lagi bisa menggabung beberapa tab dimana sehari sebelumnya justru tidak.

SeedSteam | Blog La Acun
@solidsanek Looking at the source code which hides the play icon: 

```
:root[uidensity="compact"] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay),
#tabbrowser-tabs[secondarytext-unsupported] .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:not(:hover) .tab-icon-overlay:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]),
:root:not([uidensity="compact"]) #tabbrowser-tabs:not([secondarytext-unsupported]) .tabbrowser-tab:hover .tab-icon-stack:not([pinned], [sharing], [crashed]):is([soundplaying], [muted], [activemedia-blocked]) > :not(.tab-icon-overlay) {
opacity: 0;
}
```

you can run this on your UI to get compact mode: `document.querySelector(':root').setAttribute('uidensity', 'compact')`

for a permanent solution you can go to about:config and set `browser.compactmode.show true` and select compact mode in the customisation.

@ohBananaJoe I use sideberry because its more configurable and for the top tabs you should add this to the userchrome.css

#tabbrowser-tabs {
visibility: collapse !important;
}

if you've just updated to #firefox 65 and your tab bar is no longer hidden, it's because the CSS necessary to hide it has changed.
you now need to add

#tabbrowser-tabs {
visibility: collapse !important;
}

to your userChrome.css.

/* hide new tab button so tab-bar can collapse */

.tabs-newtab-button {
display: none;
}

/* ...but show it on tab-bar hover */

#tabbrowser-tabs:hover .tabs-newtab-button {
display: block;
}

/* hide 'open in new tab' context menu */

#context-openlinkintab { display: none !important }

/* My userChrome.css */

/* hide tab bar if there is only one tab */

tab:only-of-type { display:none; }

/* unset the tab bar min-height */
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox, #tabbrowser-tabs[positionpinnedtabs] > .tabbrowser-tab[pinned] {
min-height: initial !important;
}

/* set the height on the tabs instead */
tab {
line-height: 32px; height: 32px;
}

/* Continues ... */

In today's episode of "learning how to actually use my browser" it turns out surfingkeys has T as a hotkey for "show me open tabs with hotkeys for switching between them instantly" which means you can disable visibility of your tab bar by adding this to your profile's userChrome.css: #tabbrowser-tabs { visibility: collapse !important; }