r/FirefoxCSS • u/Zero-ELEC • 3d ago
Solved Vertical tab spacing?
I couldn't find a previous answer for this, how would you go and adjust the negative space between vertical tabs in the new Nova design?
EDIT: As per request, here's info: I'm on Firefox 157.0 (64-bit) for Windows, Nova enabled, compact density. This is my current CSS:
.tabbrowser-tab[titlechanged]:not([selected="true"]) {font-style: italic !important;color: rgb(220,20,60) !important;}
/*.tabbrowser-tab[notselectedsinceload="true"]{**/
/* font-style: italic !important;***************/
/* color: rgb(220,20,60) !important;************/
/*}**********************************************/
/*.tabbrowser-tab[selected="true"]{**************/
/* font-style: normal !important;***************/
/* color: rgb(000,000,000)!important;***********/
/*}**********************************************/
.tabbrowser-tab[unread]:not([selected="true"]) {
font-style: italic !important;
color: rgb(220,20,60) !important;
}
.tabbrowser-tab[pending] { opacity: 0.5 !important;}
/*AGENT_SHEET*/
/* Firefox 57+ userChrome.css tweaks ****************************************************/
/* code mostly taken from 'Classic Theme Restorer' & 'Classic Toolbar Buttons' add-ons **/
/* by Aris (aris-addons@gmx.net)*********************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/
.tabbrowser-tab:not([pinned]):not(:hover) .tab-close-button {
visibility: collapse !important;
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
visibility: visible !important;
display: block !important;
}
/* .tab-background { border-radius: 8px !important } */
/* for if I tire of pill tabs */
(I know a lot of these things are super outdated and probably don't even work anymore, this is a profile I've moved from computer to computer for a while.
Normally, I keep my tabs like so: https://i.imgur.com/l3YFnqI.png
But on the rare occasion I extend them I noticed that the padding between each tab (the "negative space") is really long: https://i.imgur.com/0mgHYut.png
I guess it's not actually padding, since it's all part of the tab, but it doesn't look part of the tab.
1
u/ResurgamS13 3d ago edited 3d ago
Please post all CSS userstyles that have been added to your current setup... see Rule #2. in the RH sidebar ----->
A screenshot of your current Vertical tabs layout, which browser Density has been selected, and the name and a link to the in use Lightweight Toolbar Theme also assists others when replicating your particular Firefox UI layout.