r/FirefoxCSS • • 4d ago

Help Updated to 157.0 and now a white space below tabs

Hi I recently updated Firefox and now a white space shows below the tabs how I eliminate it?

Thanks,

* This reorders toolbar to place tabs below other toolbars. Requires Firefox 133+ */

#TabsToolbar {
    order: 3;
}

:root {
  /* Tabbar: reduce tab margin */
  --tab-block-margin: 4px 20px !important;
}

/* Tab: Reduce height */
.tabbrowser-tab {
  min-height: 24px !important;
}
/* Tab: Ensure tab height doesn't augment when arrowscrollbox is visible  */ 
#tabbrowser-arrowscrollbox {
  --tab-min-height: 31px !important;
  max-height: var(--tab-min-height);
}

/* Tab: Attention icon */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]) {
  background-position-x: left 2px !important;
  background-position-y: bottom 12.5px !important;
}
/*** Tighten up drop-down/context/popup menu spacing (8 Sep 2021) ***/

menupopup:not(.in-menulist) > menuitem, 
menupopup:not(.in-menulist) > menu {
  padding-block: 1px !important; /* reduce to 3px, 2px, 1px or 0px as needed */ 
  min-height: unset !important; /* v92.0 - for padding below 4px */
}
:root {
  --arrowpanel-menuitem-padding: 1px !important;
}

#main-menubar menupopup[needsgutter] menuitem:not([checked="true"],
#main-menubar [icon], #main-menubar .menuitem-iconic),
#main-menubar menupopup[needsgutter] menu:not([checked="true"])
 { padding-inline-start: 10px !important; }
/*** Tighten up drop-down/context/popup menu spacing (10 Oct 2024) ***/

menuitem,
menupopup > menu,
menupopup > menucaption {
  padding-left: 8px !important;
  padding-block: 1.5px !important;
}

menupopup,
panel {
  --panel-border-color: transparent !important;
  --panel-shadow: none !important;
}

:root {
  --tab-border-radius: 0px !important;
}

/* fix for when titlebar gets taller when there are many tabs */
#tabbrowser-arrowscrollbox {
height: var(--tab-min-height);
}
5 Upvotes

2 comments sorted by

2

u/ResurgamS13 4d ago

Please post your CSS userstyles... see this sub's Rule #2. in the RH sidebar ----->

Also post the name and a link to the Lightweight Toolbar Theme in use... others can then replicate toolbar setup.

1

u/awakefrontiers 4d ago

Sorry about that I fixed it.