Firefox 60 CSD ventana botones izquierda

14

Me gusta la nueva opción CSD (eliminar la barra de título) pero cuando se activa, los botones de mi ventana se mueven hacia la derecha (normalmente a la izquierda). ¿Hay alguna manera de habilitar CSD pero con botones a la izquierda?

firefox

— JimDeadlock
fuente

17

Cree el archivo "userChrome.css" y su directorio padre "chrome" si aún no existen:

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

Coloque el siguiente código en userChrome.css
Si la línea que comienza con @namespace ya está en su userChrome.css, no la agregue por segunda vez.

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.titlebar-buttonbox {
  display: flex;
}

.titlebar-min {
  order: 2;
}

.titlebar-max {
  order: 1;
}

.titlebar-close {
  order: 3;
  margin-right: 6px !important;
}

Ahora reinicia Firefox y los botones estarán a la izquierda.

Su perfil de Firefox se verá así: hej3q2i1.default
Si no está seguro de qué perfil es suyo, puede averiguarlo siguiendo estos pasos:

Abra Firefox
Haga clic en el botón de menú
Haga clic en Ayuda
Seleccione Información de solución de problemas
Su perfil de Firefox será el último directorio listado en "Directorio de perfiles"

Fuente CSS: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3b

— denshigomi
fuente

1

Gracias por intentarlo, pero esto no resuelve el problema, los botones todavía están a la derecha en modo CSR.

— JimDeadlock

Tal vez lo entendí mal. Supuse que te referías al modo CSD porque nunca había oído hablar del modo CSR y el modo CSD te permite fusionar pestañas con la barra de título. Si te refieres al modo CSD (Decoraciones del lado del cliente), esto funciona. Verifique su trabajo y reinicie Firefox después de hacer los cambios. He agregado una captura de pantalla a mi respuesta que muestra los resultados.

— denshigomi

Lo probé en una computadora diferente y de hecho funciona, no estoy seguro de lo que estaba haciendo mal antes. Sí, me refería a CSD, creo que debí haber estado medio dormido el otro día. ¡Gracias por la respuesta!

— JimDeadlock

2

Esto hace que los botones de la ventana se coloquen a la izquierda, pero no se colocan correctamente. El espacio entre minimizar y cerrar botones es demasiado pequeño en comparación con el espacio entre maximizar y minimizar botón.

— Apoorv Potnis

2

Al igual que este .

— Apoorv Potnis

4

Además de la respuesta de @ denshigomi , agregué una propiedad para la desalineación. Esto soluciona el problema de Apoorv Potnis . Puede agregar esta propiedad al archivo userChrome.css:

#titlebar-close {
  margin-right: 6px !important;
}

También la esencia se puede encontrar aquí .

— isacikgoz
fuente

2

Autor original de la esencia aquí. El script se ha actualizado porque en las últimas versiones de Firefox Nightly se ha invertido el orden de los botones.

Escriba about: soporte en la barra de URL
Abra el "Directorio de perfiles" (/ home /.../. Mozilla / firefox / ...)
Crea si no existe un directorio llamado "Chrome"
Cree un archivo dentro (si aún no existe) llamado userChrome.css
Agrega el siguiente código

userChrome.css:

#TabsToolbar {
    direction: rtl;
}

#tabbrowser-tabs {
    direction: ltr;
}

.titlebar-buttonbox {
    display: flex;
}

.titlebar-min {
    order: 2;
}

.titlebar-max {
    order: 1;
}

.titlebar-close {
    order: 3;
    margin-right: 6px !important;
}

Puede encontrar más información aquí: https://www.userchrome.org/

— oidualc
fuente

1

Esto funciona para mí después de la actualización de Firefox 65:

(userChrome.css)

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 1;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 3;
}

— usuario3053389
fuente

1

En Gnome para Firefox 65, este userChrome funciona mejor para mí.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");


#TabsToolbar .toolbar-items {
    -moz-box-ordinal-group: 2;
}

#TabsToolbar-customization-target .titlebar-spacer[type="pre-tabs"] {
    display: none;
}

#TabsToolbar-customization-target .titlebar-spacer[type="post-tabs"] {
    width: 4px !important;
}

.titlebar-buttonbox-container {
    -moz-box-ordinal-group: 1 !important;
}

.titlebar-buttonbox-container toolbarbutton.titlebar-button.titlebar-close {
    margin-left: 4px !important;
}

— Alex
fuente

0

¡Gracias por la ayuda!

Tuve que cambiarlo un poco, ¡pero ahora es perfecto!

Este es mi archivo 'userChrome.css', ahora:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
  display: -moz-box !important;
}

#menubar-items {
  -moz-box-ordinal-group: 2;
  margin-left: 30px;
}

.titlebar-buttonbox-container {
  -moz-box-ordinal-group: 1!important;
}

.titlebar-button.titlebar-close {
  -moz-box-ordinal-group: 3;
  margin-left: 5px !important;
  margin-right: 6px !important;
}

.titlebar-button.titlebar-min {
  -moz-box-ordinal-group: 2;
}

.titlebar-button.titlebar-max {
  -moz-box-ordinal-group: 1;
}

— Paulo Horta
fuente