Cómo ocultar la barra de pestañas (tira de pestañas) en Firefox 57+ Quantum

56

¿Cómo ocultar / deshabilitar / eliminar la barra de pestañas en Firefox 57+ ("Quantum")?

El objetivo es ocultar la barra de pestañas totalmente. Útil si se combina con extensiones como "Pestaña Estilo de árbol".

Nota: aquí hay una pregunta similar: Firefox oculta todo excepto el área de contenido del navegador, pero no se divide adecuadamente en tareas lógicamente independientes. Además, está desactualizado.

VasyaNovikov
fuente
Para la información de OP, he agregado una nueva respuesta en la pregunta vinculada que se usa userChrome.csspero con un nombre e ID de elemento diferente.
clearkimura
Aquí puede obtener las herramientas de desarrollo para encontrar identificadores de elementos y estilos de prueba en vivo: reddit.com/r/FirefoxCSS/comments/73dvty/…
Tim Abell

Respuestas:

63
  1. Abra su "directorio de perfil" de firefox
  2. Crear directorio chrome/si no existe
  3. Crea un archivo chrome/userChrome.cssdentro si no existe.
  4. Agregue este texto al archivo:

    #TabsToolbar { visibility: collapse !important; }
    
  5. Asegúrese de que la configuración toolkit.legacyUserProfileCustomizations.stylesheetsesté configurada en true(requerido para Firefox69 +, la versión estable desde septiembre de 2019), consulte este tutorial .

  6. Guarde el archivo y vuelva a cargar firefox. Ya no deberías ver la barra de pestañas.

Solución PS parcialmente tomada de aquí: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

VasyaNovikov
fuente
99
Aquí hay una manera más simple de abrir su directorio de perfil: support.mozilla.org/en-US/kb/…
thSoft
Esto se ve un poco feo, ¿dónde encontraste el diseño DOM (cómo sabías usar #tabbrowser-tabs)? En OSX creo que esto necesita una altura mínima (o algo así) i.imgur.com/oJOinx4.png
hayd
La configuración #TabsToolbar { height: 40px; }parece hacer el truco , parece no importar la altura que coloque allí, por lo que está sucediendo algo extraño. Nota: encontré los identificadores aquí .
hayd
1
@hayd gracias por tus comentarios! Probé tu solución en Linux, pero no funcionó. Sin embargo, esto funciona: #TabsToolbar { visibility: collapse !important; } ¿Puedes probar este código en tu sistema operativo para ver si funciona? (Sería bueno encontrar una solución común que funcione en cualquier sistema operativo.)
VasyaNovikov
1
Los selectores CSS volvieron a cambiar en Firefox 66. Aquí hay un nuevo CSS que funciona muy bien en macOS: gist.github.com/stevelandeyasana/…
Steve Landey
9

Quiero que la barra de pestañas se oculte automáticamente cuando haya 1 pestaña y aparezca cuando haya varias. No es lo mismo que la pregunta, pero este es el único resultado de Google en este momento para mayores de 57 años, así que para aquellos que lo necesitan enuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }
aaron-bru
fuente
En Firefox 59, este userChrome.css no funciona correctamente: la última pestaña está oculta, pero el +botón todavía está visible y, por lo tanto, se muestra toda la región de la pestaña.
gioele
2
@gioele Debería funcionar si va a Personalizar Firefox y arrastra el nuevo botón de pestaña fuera de la barra de pestañas, se puede colocar en la barra de herramientas principal o en el menú. Si realmente lo quieres allí, no lo he intentado porque no uso ese botón, pero si a alguien se le ocurre, puedo editar la respuesta.
aaron-bru
De hecho, funciona una vez que eliminas el +botón.
gioele
8

Desafortunadamente, esa personalización de IU en particular no es posible actualmente a través de las API de complementos compatibles de Firefox Quantum; Una solución adecuada será posible una vez que se resuelva el error 1332447 .

Hasta entonces, el ajuste de VasyaNovikov userChrome.cssfunciona, aunque editar ese archivo es definitivamente una opción bajo su propio riesgo, no respaldada oficialmente.

Callahad
fuente
1

Destilé la respuesta de VasyaNovikov en un resumen para ejecutar en mi Linux y OS X boxen, espero que ayude a cualquier otra persona con varias máquinas personales. También quiero señalar que después de aplicar su respuesta, el botón de retroceso se ubicará debajo del botón de cierre en OS X. La solución es insertar tres espacios flexibles en la barra de herramientas (haga clic derecho en la barra de herramientas, seleccione Personalizar ..., luego inserte tres espacios para que el botón de retroceso se mueva hacia la derecha).

Si alguien tiene el CSS correcto para insertar en userChrome.css para lograr el efecto equivalente en el botón Atrás, eso sería muy apreciado.

user821800
fuente
1

Añadir a userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Funciona en Firefox 70.0 pero _ □ Xfaltan.

Lyuboslav Kanev
fuente