Firefox Customs @fedia.io Godie @lemmy.world 4w ago

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

You're viewing a single thread.

6 comments

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; } } }
- 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
  
  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?
  
  decrease the maximum width
  
  Exactly, the default is so large, like a sausage.
  
  Then you could just do it like this:
  
  @media not -moz-pref("sidebar.verticalTabs") { .tabbrowser-tab{max-width: 168px !important}}
  
  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.

6 comments