Die Funktionalität dieser Website ist durch Wartungsarbeiten eingeschränkt, die Ihr Erlebnis verbessern sollen. Wenn ein Artikel Ihr Problem nicht löst und Sie eine Frage stellen möchten, können Sie unsere Gemeinschaft über @FirefoxSupport auf Twitter, /r/firefox oder Reddit fragen.

Hilfe durchsuchen

Vorsicht vor Support-Betrug: Wir fordern Sie niemals auf, eine Telefonnummer anzurufen, eine SMS an eine Telefonnummer zu senden oder persönliche Daten preiszugeben. Bitte melden Sie verdächtige Aktivitäten über die Funktion „Missbrauch melden“.

Weitere Informationen

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

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 Antworten (1)

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.