this post was submitted on 26 Jun 2025
3 points (100.0% liked)

Firefox Customs

4 readers
2 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Rules

  1. Posts must have flair!
  2. Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
  3. Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
  4. When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
  5. Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago
MODERATORS
 

Using Firefox-developer-edition hi, I need help with this new Firefox Feature, seems like the sound tabs get larger when the user is moving any tab. I tried to reach the code, but I can't, I want the 'sound-Tab' to keep the width.

Update: Seems like this code is causing it, maybe there is another way to set a max width?

@media not -moz-pref("sidebar.verticalTabs") {

    #tabbrowser-arrowscrollbox[orient="horizontal"] {

        /* Horizontal tab size for ungrouped tabs */

        &>.tabbrowser-tab[fadein]:not([style^="max-width"]) {
            max-width: 168px !important;
        }

        /* Horizontal tab size for grouped tabs */

        &>tab-group:not([collapsed]) .tabbrowser-tab[fadein]:not([style^="max-width"]) {
            max-width: 168px !important;
        }
   }
}
top 6 comments
sorted by: hot top controversial new old
[–] [email protected] 1 points 1 week ago (1 children)

It seems to work on my machine, but maybe I didn't understand the problem correctly, or it's a platform-specific issue. I have a feeling that fadein could be causing the trouble, because it's "" inside the playing tab instead of true. You could try something like this, maybe it'll work:

@media not -moz-pref("sidebar.verticalTabs") {

    #tabbrowser-arrowscrollbox[orient="horizontal"] {

        /* Horizontal tab size for ungrouped tabs */

        &>.tabbrowser-tab[fadein]:not([style^="max-width"]),
        &>.tabbrowser-tab[fadein=""]:not([style^="max-width"]) {
            max-width: 168px !important;
        }

        /* Horizontal tab size for grouped tabs */

        &>tab-group:not([collapsed]) .tabbrowser-tab[fadein]:not([style^="max-width"]),
        &>tab-group:not([collapsed]) .tabbrowser-tab[fadein=""]:not([style^="max-width"]) {
            max-width: 168px !important;
        }
   }
}
[–] [email protected] 1 points 1 week ago* (last edited 1 week ago) (1 children)

I don't know why that happens, but the problem persists, I delete that code block and the problem disappear. I'm in Windows 10 with Firefox-developer-edition 141.0b3, maybe other code is doing that? Or in combination with another thing, how to know. Here is a video with the issue: https://imgur.com/a/2ZLIYVp

[–] [email protected] 1 points 1 week ago (1 children)

Is there anything else that you want to achieve with the code, or do you just want to decrease the maximum width for all tabs?

[–] [email protected] 1 points 1 week ago (1 children)

decrease the maximum width

Exactly, the default is so large, like a sausage.

[–] [email protected] 1 points 6 days ago (1 children)

Then you could just do it like this:

@media not -moz-pref("sidebar.verticalTabs") {
.tabbrowser-tab{max-width: 168px !important}}
[–] [email protected] 1 points 6 days ago

Seems like other code combined with this are incompatible (with a tab with sound) in my particular case, first I have to figure it out what of my other code is in conflict, rare all this situation. With your latest code, the issue persist.