c/FirefoxCSS · by Godie@lemmy.world · 1y

Keep tabsWithSound with the same size when moving a tab

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;
        }
   }
}

3 points · 6 comments · view on lemmy.world

6 Comments

bali10050@lemmy.world · 1 pts · 1y (5 replies)

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;
        }
   }
}

Godie@lemmy.world · 1 pts · 1y (4 replies)

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

bali10050@lemmy.world · 1 pts · 1y (3 replies)

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?

Godie@lemmy.world · 1 pts · 1y (2 replies)

decrease the maximum width

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

bali10050@lemmy.world · 1 pts · 1y (1 reply)

Then you could just do it like this:

@media not -moz-pref("sidebar.verticalTabs") {
.tabbrowser-tab{max-width: 168px !important}}

Godie@lemmy.world · 1 pts · 1y

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.