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

Sök i support

Akta dig för supportbedrägerier: Vi kommer aldrig att be dig att ringa eller skicka ett sms till ett telefonnummer eller dela personlig information. Rapportera misstänkt aktivitet med alternativet "Rapportera missbruk".

Learn More

Denna tråd har arkiverats. Ställ en ny fråga om du behöver hjälp.

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

Alla svar (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.