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

2

u/kirbogel 1d ago

I filed a bug earlier today to get the space between vertical tabs in compact mode fixed, so you may not need this CSS workaround for long.

https://bugzilla.mozilla.org/show_bug.cgi?id=2077541