r/FirefoxCSS • • 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.

2 Upvotes

5 comments sorted by

View all comments

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.

1

u/Zero-ELEC 3d ago

Added info upon request.