Where did you install Firefox from? Help Mozilla uncover 3rd party websites that offer problematic Firefox installation by taking part in our campaign. There will be swag, and you'll be featured in our blog if you manage to report at least 10 valid reports!

Avatar for Username

تلاش سپورٹ

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

اس تھریڈ کو آرکائیوکیا گیا تھا۔ اگر آپ کو مدد کی ضرورت ہو تو براہ مہربانی نیا سوال پوچھیں۔

custom css not working with 71.0b3 (32-Bit)

mein feuerfuchs
mein feuerfuchs
more options

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this:

  1. tabbrowser-tabs .tabbrowser-arrowscrollbox,
  2. tabbrowser-tabs .arrowscrollbox-scrollbox { 
   display: block;

}

.scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { 

   display: none !important;

}

  1. tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox { 
   display: flex;
   flex-wrap: wrap;
   /*
   display: block;
   */
   overflow-y: auto !important;
   min-height: var(--tab-min-height); /* default */
   max-height: calc(5*var(--tab-min-height)) !important;

}

  1. tabbrowser-tabs .tabbrowser-tab:not([pinned]) { 
   flex-grow: 1;
   flex-wrap:wrap;
   min-width: 130px;

max-width: 330px; 

   vertical-align: bottom !important;

}

  1. tabbrowser-tabs .tabbrowser-tab,
  2. tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background { 
   height: var(--tab-min-height);

}

  1. tabbrowser-tabs .tabbrowser-tab .tab-stack { 
   width: 100%;

}

  1. titlebar-buttonbox { 
   display: block !important;
   vertical-align: top !important;

}

  1. main-window[tabsintitlebar] #tabbrowser-tabs { 
   -moz-window-dragging: no-drag;

}

since the update to 71.0b3 (32-Bit) my custom css for multiple tab rows is not working anymore: It is showing only one row anymore; The userChrome.css looks loke this: #tabbrowser-tabs .tabbrowser-arrowscrollbox, #tabbrowser-tabs .arrowscrollbox-scrollbox { display: block; } .scrollbutton-up, .arrowscrollbox-overflow-start-indicator, .scrollbutton-down, .arrowscrollbox-overflow-end-indicator { display: none !important; } #tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox { display: flex; flex-wrap: wrap; /* display: block; */ overflow-y: auto !important; min-height: var(--tab-min-height); /* default */ max-height: calc(5*var(--tab-min-height)) !important; } #tabbrowser-tabs .tabbrowser-tab:not([pinned]) { flex-grow: 1; flex-wrap:wrap; min-width: 130px; max-width: 330px; vertical-align: bottom !important; } #tabbrowser-tabs .tabbrowser-tab, #tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background { height: var(--tab-min-height); } #tabbrowser-tabs .tabbrowser-tab .tab-stack { width: 100%; } #titlebar-buttonbox { display: block !important; vertical-align: top !important; } #main-window[tabsintitlebar] #tabbrowser-tabs { -moz-window-dragging: no-drag; }

تمام جوابات (1)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Hi mein feuerfuchs, you might check on the following forum where more pre-release users hang out and share fixes for userChrome.css rules:

https://www.reddit.com/r/FirefoxCSS/

If you get a solution there first, could you report back with a link to it? That would be great. Thanks.