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;
        }
   }
}
  • Séra Balázs@lemmy.world
    link
    fedilink
    arrow-up
    1
    ·
    2 months ago

    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.worldOP
      link
      fedilink
      arrow-up
      1
      ·
      edit-2
      2 months ago

      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

      • Séra Balázs@lemmy.world
        link
        fedilink
        arrow-up
        1
        ·
        2 months ago

        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?

          • Séra Balázs@lemmy.world
            link
            fedilink
            arrow-up
            1
            ·
            2 months ago

            Then you could just do it like this:

            @media not -moz-pref("sidebar.verticalTabs") {
            .tabbrowser-tab{max-width: 168px !important}}
            
            • Godie@lemmy.worldOP
              link
              fedilink
              arrow-up
              1
              ·
              2 months 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.