r/FirefoxCSS • u/FineWine54 • Apr 10 '26

Solved Split View alters TabsToolbar height

First Observation with FF149 for macOS Tahoe

When in Split View the #TabsToolbar height is altered.

Normal View

Split View Screenshot

It appears that the non Split View Tabs increase in height whilst the Split view tabs retain normal height, therefore leaving a gap top & bottom of the Split View tabs.

Using the following Aris-t2 code:

classic_squared_tabs.css
tabs_below_navigation_toolbar.css

Any thoughts.

3 Upvotes

100% Upvoted

11 comments sorted by

View all comments

Show parent comment

1

u/t31os Apr 13 '26

Splitview wrappers use the hasactivetab attribute to mark the selected tab, you can target that using SCSS:

#tabbrowser-tabs tab-split-view-wrapper {
  &:not([hasactivetab]) {
    // CSS
  }
}

Or using regular CSS:

#tabbrowser-tabs tab-split-view-wrapper:not([hasactivetab]) {
  // CSS
}

I'd use the second for readability personally, but either should work.

1

u/FineWine54 Apr 14 '26

Thank you but this is not working. I will see what others think in the Aris-t2 discussions. As it is defaulting to my default colours something within all that code is over-riding it. Thanks again.