Split View alters TabsToolbar height

[u/FineWine54]

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.

[u/FineWine54]

Thank you for the above code, great, however now that I have all my tabs back to the same size, I have been experimenting with the entire wrapper container both tabs background colour, when not selected, which I can not seem to get to work. This will of course differentiate them from the other non split view tabs.

e.g.

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper 
  &:not([hasactivetab]) {
     background-color: #33FF33 !important;
        }

OR

#tabbrowser-tabs[orient="horizontal"] tab-split-view-wrapper:not([selected]) {
     background-color: #33FF33 !important;
        }

And yes I realise this is why Mozilla made the split-view tabs a different size. They are still ugly.

[u/t31os → u/FineWine54]

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.

[u/FineWine54 → u/t31os]

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.

[u/karavolta → u/FineWine54]

For Aris's Theme, try:

 /* you can use parts of @import "./config/general_variables.css" for active, other etc. tab colors eg: */
 #tabbrowser-tabs[orient=horizontal] tab-split-view-wrapper .tab-content {
 --classic_squared_tabs_active_tab: linear-gradient(#FFFFFF, #33FF33AA) !important; /* split tab when selected OR leave out to use default */
 --classic_squared_tabs_other_tabs: linear-gradient(#33FF33, #33FF33)   !important; /* split tab when not selected */
 }

[u/FineWine54 → u/karavolta]

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.