Vanwege onderhoudswerkzaamheden die uw ervaring zouden moeten verbeteren, heeft deze website beperkte functionaliteit. Als een artikel uw probleem niet verhelpt en u een vraag wilt stellen, kan onze ondersteuningsgemeenschap u helpen in @FirefoxSupport op Twitter en /r/firefox op Reddit.

Avatar for Username

Zoeken in Support

Vermijd ondersteuningsscams. We zullen u nooit vragen een telefoonnummer te bellen, er een sms naar te sturen of persoonlijke gegevens te delen. Meld verdachte activiteit met de optie ‘Misbruik melden’.

Meer info

Deze conversatie is gearchiveerd. Stel een nieuwe vraag als u hulp nodig hebt.

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

Alle antwoorden (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.