Barra de pestañas de varias filas en Firefox Quantum

Firefox Quantum rompe tab mix plus y kit de pestañas . ¿Hay alguna forma de obtener una barra de pestañas de varias filas en Firefox Quantum?

Si es posible, estoy buscando una solución estable y compatible, que es poco probable que se rompa en la próxima nueva versión.

Aquí hay un userChrome.css actualizado que muestra iconos y oculta la barra de desplazamiento fea en las filas de pestañas ( ACTUALIZACIÓN: las versiones más nuevas de Firefox cambiaron el comportamiento de userChrome nuevamente, ahora he tomado el script directamente desde aquí: 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 }

Intenté buscar alternativas para esto también y no encontré opciones reales sino usar una combinación de complementos:

Ahora estoy usando Tab Mix Plus (WebExtensions) y los complementos de Tree Style Tab , junto con Session Sync , usando una combinación de los que puedo hacer una experiencia más soportable en la administración de pestañas.

La pestaña de estilo de árbol permite una buena alternativa a la función de múltiples filas debido al ancho de los monitores y las resoluciones actuales, enumerando varias pestañas en la barra lateral, la sincronización de la sesión mejora la administración mediante la agrupación de pestañas en las sesiones de Windows y la combinación de pestañas más webextensions permite páginas relacionadas para permanecer en la misma ventana. Obviamente no es una configuración de varias filas, pero es mejor que nada.

La mejor solución, con soporte de movimiento de pestañas es: pestañas Multirow de Izheil

Estoy de acuerdo con /superuser//a/1480226/460302 en que las pestañas de múltiples filas de Izheil son el medio más prometedor para obtener pestañas de múltiples filas en FireFox. Sin embargo, esa respuesta no dice cómo implementar la solución. Aquí hay algunos antecedentes:

Primero, Izheil afirma que su solución basada en Javascript funciona con Firefox 69-70 . Puedo confirmar que no funciona con Firefox 68.2.0 esr (el último ESR a partir de este escrito, 10/23/19) en Windows 10. Sin embargo, Izheil proporciona varias soluciones alternativas totalmente automatizadas para las instalaciones de Windows (ver más abajo).

En segundo lugar, Izheil afirma [sic],

Mozilla finalmente eliminó todos los enlaces XBL de firefox, por lo que antes de eliminar la posibilidad de inyectar scripts JS a través de userchrome.xml, decidí actualizar el método de parcheo a otro que no se base en esto.

Básicamente, esto significa que ya no depende de userchrome.xml como método de instalación. Para implementar usando la nueva solución basada en Javascript, necesita parchear Firefox para habilitar la inyección JS . Esta es probablemente una excelente innovación, pero implica múltiples pasos manuales, incluida la eliminación de la caché de inicio de FF después de cada instalación.

Sin embargo, si desea seguir usando enlaces XBL (que parece ser la única opción con versiones FF anteriores a la 69), puede lograr esto automáticamente usando uno de varios scripts por lotes de Windows actualmente incluidos en el repositorio de Izheil. Para usar este método,

1. Descargue y extraiga https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/archive/master.zip

2. Navegue al directorio de instaladores del archivo extraído

3. Lea el archivo titulado LEER ANTES DE EJECUTAR CUALQUIER ARCHIVO DE LOTE.txt

4. Seleccione y ejecute uno de los archivos .bat que se encuentran en este directorio

5. Reinicie FireFox y deje un comentario a esta respuesta con sus resultados, incluidas las versiones de Windows y FireFox.