container tab line

[gitfirl]

how can i transfer the colored line in a container tab to the top?

edit:

setting userChrome.tab.container.on_top to true in user.js did the trick.

i want the colored line at the very top though. how can i achieve that?

[black7375]

Okay, that looks too close to the center.
Now I've adjust the value to make it look better. How does it look?

[black7375]

Or you can add to userChrome.css.

@media (-moz-bool-pref: "userChrome.tab.container") and (not (-moz-bool-pref: "userChrome.tabbar.as_titlebar")) and (-moz-bool-pref: "userChrome.tab.container.on_top") {
  #tabbrowser-tabs {
    --uc-container-position-y: calc(50% - var(--tab-min-height) / 2);
  }
}

[gitfirl]

thanks for helping!

i ended up setting userChrome.tab.container to false. i think i like it the most. just one thing, how can i make the colored lines look thicker?

(btw, i'm using firefox 115.4.0esr, if that matters.)

[black7375]

Try to add userChrome.css with this code.

.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
  height: 4px !important;
}

[gitfirl]

thank you! 3px is perfect.