about tab

[yiiyahui]

Hi, I have a question I'd like to ask. When the number of tabs overflows, how can the width of the currently selected tab (.tabbrowser-tab[selected][fadein]:not([pinned])) be kept unchanged? If possible, how should it be done?

[datguypiko]

Does this do the job? Or you only need when it overflows https://github.com/datguypiko/Firefox-Mod-Blur/tree/master/EXTRA%20MODS/Tabs%20Bar%20Mods/Tabs%20-%20selected%20tabs%20static%20width

[datguypiko]

You can use this if you want only overflow changed You can increase or decrease the size but both need to be the same size. Add it to the end of userChrome file.

#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[fadein]:not([pinned]){
   min-width: 140px !important;
} 

#TabsToolbar #tabbrowser-tabs[overflow] .tabbrowser-tab[selected][fadein]:not([pinned]) {
   min-width: 140px !important;
}

[yiiyahui]

Thank you for the response. It seems like this forces the display of all tab widths when tabs overflow. I want the width of the currently selected tab to remain constant (e.g., 200px) regardless of the number of tabs, even when tabs overflow. Meanwhile, the width of other tabs should shrink to the minimum size (e.g., 80px).

[datguypiko]

"Full overflow" happens when arrow shows up, the tab has increased static width when that happens.

There is another overflow that happens in between it, before "Full overflow". It was intentionally left as is because there is weird transition of tab width in this overflow state. You can try it yourself.

#TabsToolbar #tabbrowser-tabs[closebuttons="activetab"]:not([overflow]) .tabbrowser-tab[selected][fadein]:not([pinned])  {
   min-width: 175px !important;
}

or this, does the same thing.

/* Selected tabs width increase */
#tabbrowser-tabs:not([overflow])
  .tabbrowser-tab[selected][fadein]:not([pinned]) {
  max-width: 175px !important;
  min-width: 175px !important;
}

If this is even what you are asking for.

[yiiyahui]

Thanks very much.that's exactly what I want,