it-swarm.com.de

Mehrzeilige Registerkartenleiste in Firefox Quantum

Firefox Quantum unterbricht Tab Mix Plus und Tab Kit . Gibt es eine Möglichkeit, in Firefox Quantum eine mehrzeilige Registerkartenleiste zu erstellen?

Wenn möglich, suche ich nach einer unterstützten, stabilen Lösung, die bei der nächsten neuen Version wahrscheinlich nicht funktioniert.

15
gerrit

Hier ist eine aktualisierte userChrome.css, die Symbole anzeigt und die hässliche Bildlaufleiste in den Tab-Zeilen verbirgt ( UPDATE: Neuere Firefox-Versionen haben das userChrome-Verhalten wieder geändert, jetzt habe ich das Skript direkt von hier übernommen: https: //github.com/MrOtherGuy/firefox-csshacks/blob/master/chrome/multi-row_tabs.css ):

/* Makes tabs to appear on multiple lines */
/* Tab reordering will not work and can't be made to work */
/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/

/* It's recommended to move tabs new-tab-button outside tabs toolbar */

/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll  */
/* Scrollbar can't be clicked but the rows can be scrolled with mouse */
/* This maximum visible rows won't work before Fx66 */
/* So this setting does nothing on Fx65 and all tab rows will be shown */
:root{ --multirow-n-rows: 6 }

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
    scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
    scrollbar-width: thin;
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]){
  min-width: 200px !important;
  flex-grow: 1;
  /*
  Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  Don't set to none or you'll see errors in console when closing tabs
  */
  /*max-width: 100vw !important;*/
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }
5
Coruscate5

Ich habe auch hier nach Alternativen gesucht und keine wirklichen Optionen gefunden, als eine Kombination von Addons zu verwenden:

Ich verwende jetzt Tab Mix Plus (WebExtensions) und die Tab-Addons im Tree-Stil zusammen mit Session Sync , wobei ich eine Kombination dieser Optionen verwende, um die Tab-Verwaltung erträglicher zu gestalten .

Die Baumstruktur-Registerkarte bietet aufgrund der Monitorbreite und der aktuellen Auflösung eine gute Alternative zur Mehrzeilenfunktion. Sie enthält mehrere Registerkarten in der Seitenleiste. Die Sitzungssynchronisierung verbessert die Verwaltung durch Gruppierung Anzahl der Tabs in Windows-Sitzungen und Tab-Mix plus Web-Erweiterungen ermöglicht, dass verwandte Seiten im selben Fenster bleiben. Es ist offensichtlich kein Multirow-Setup, aber es ist besser als nichts.

4
Leo