Cómo cambiar la altura de la barra de título en aplicaciones GTK estándar y aquellas con barras de encabezado / CSD en Gnome 3.20

32

En Gnome 3.18, fue posible cambiar la altura barra de título de todas las ventanas cambiando el css en ~/.config/gtk-3.0/gtk.csscomo por reducir la altura de la barra de título en GNOME 3 / GTK + 3 .

.header-bar.default-decoration {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.header-bar.default-decoration .button.titlebutton {
    padding-top: 0px;
    padding-bottom: 0px;
}

/* No line below the title bar */
.ssd .titlebar {
    border-width: 0;
    box-shadow: none;
}

En Gnome 3.20, parece que esto ya no se aplica a las ventanas con una barra de encabezado / CSD (botones específicos de gnome en la barra de título), como Nautilus (Archivos), Configuración, Fotos, Contactos, etc. El ajuste aún reduce la altura de la barra de título para otras aplicaciones, como gnome-terminal y gVim. ¿Cómo reduzco la altura de la barra de título en programas gnome como Nautilus en Gnome 3.20?


Actualizar

También probé lo que se sugiere en este hilo de reddit . Intenté ambos window.ssdy .ssdsolo, sin dados. Esto funciona, vea la respuesta que publiqué para más detalles

window.ssd headerbar.titlebar {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 1px;
    padding-bottom: 1px;
    min-height: 0;
}

y

/* shrink headebars */
headerbar {
    min-height: 38px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 2px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 2px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */ 
    padding: 2px
}

.default-decoration .titlebutton {
    min-height: 26px; /* tweak these two props to reduce button size */
    min-width: 26px;
}
joelostblom
fuente
fwiw esto es una cosa gtk no una gnome / nautilus / wm one
don_crissti
La solución en su actualización funcionó muy bien para mí en Arch con Gnome 3.20. Tuve que ajustar un poco los valores, y no se extiende a los CSD GTK3, pero de todos modos son una locura. ¡Gracias!
SimonG
Me alegro de que sea útil! Publiqué algunos comentarios sobre los CSD / barras de encabezado en mi respuesta a continuación, pruébelo y vea si ayuda.
joelostblom
@Mongrel por favor lea esto: meta.stackexchange.com/questions/283468/…
Shadow The Princess Wizard

Respuestas:

13
  1. cree un archivo ~ / .config / gtk-3.0 / gtk.css (agregue el siguiente CSS)
  2. entonces necesitará volver a cargar gnome-shell: ALT + F2y escribirr

Pude reducir la barra de título de la aplicación en Gnome 3.20 con el siguiente CSS:

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

headerbar {
    min-height: 24px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    margin: 0px; /* same as headerbar side padding for nicer proportions */
    padding: 0px;
  }
Francesco
fuente
3
El consejo alt+f2entonces res asombroso; ¡gracias!
berto
tenga en cuenta que Alt + F2 no funciona con una sesión de Wayland
Frederick Nord
Se puede reducir un poco más mediante la adición min-height: 10px;de la headerbar entry etcsección, y el cambio min-height: 24px;en headerbara 16px;
michaelmoo
11

Barra de encabezado / CSD

En realidad, una sección del código que encontré a través de reddit y publiqué anteriormente, a saber

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 2px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 2px;
}

DOES modificar los headerbars / DCV. Sin embargo, el efecto no es inmediato. Incluso si vuelve a cargar gnome, es posible que deba cerrar todas las ventanas, esperar un tiempo o desconectarse y volver a iniciar sesión para ver el efecto.

Todavía no veo ninguna diferencia en la barra de encabezado al modificar lo siguiente.

headerbar {
    min-height: 38px;
    padding-left: 2px; /* same as children's vertical margins for nicer proportions */
    padding-right: 2px;
}

Barra de título estándar

Las dos secciones para las barras de título de la ventana normal funcionan como se esperaba.

.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 2px
}

.default-decoration .titlebutton {
    min-height: 26px; /* tweak these two props to reduce button size */
    min-width: 26px;
}

Borde de la barra de título

Puede usar lo siguiente para eliminar el borde de la barra de título si está ejecutando el tema adwaita predeterminado. De https://bbs.archlinux.org/viewtopic.php?id=211102

window.ssd headerbar.titlebar {
  border: none;
  background-image: linear-gradient(to bottom,
  shade(@theme_bg_color, 1.05),
  shade(@theme_bg_color, 0.99));
  box-shadow: inset 0 1px shade(@theme_bg_color, 1.4);
}
joelostblom
fuente
¿Se realizan todos estos cambios sugeridos en "~ / .config / gtk-3.0 / gtk.css" o dónde exactamente?
ezra-s
@ ezra-s Sí, cualquiera de las secciones anteriores se agregaría a~/.config/gtk-3.0/gtk.css
joelostblom
1

Tangente al tema, puede descargar la extensión de shell de máximos para ocultar la barra de título en ventanas maximizadas. Muy útil el caso de uso.

Por lo que sé, no es compatible con wayland, pero no lo probé.

Paulo Neves
fuente
1

Actualice su ~/.config/gtk-3.0/gtk.csscon el siguiente contenido:

/* shrink headerbars (don't forget semicolons after each property) */
headerbar {
    min-height: 0px;
    padding-left: 2px; /* same as childrens vertical margins for nicer proportions */
    padding-right: 2px;
    background-color: #2d2d2d;
}

headerbar entry,
headerbar spinbutton,
headerbar button,
headerbar separator {
    margin-top: 0px; /* same as headerbar side padding for nicer proportions */
    margin-bottom: 0px;
}

/* shrink ssd titlebars */
.default-decoration {
    min-height: 0; /* let the entry and button drive the titlebar size */
    padding: 0px;
    background-color: #2d2d2d;
}

.default-decoration .titlebutton {
    min-height: 0px; /* tweak these two props to reduce button size */
    min-width: 0px;
}

window.ssd headerbar.titlebar {
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 0;
}

window.ssd headerbar.titlebar button.titlebutton {
    padding-top: 3px;
    padding-bottom:3px;
    min-height: 0;
}
Lasith Niroshan
fuente
0

Modifiqué el usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssarchivo.

Tenemos que encontrar

 /* Panel */

   #panel {
   background-gradient-direction:none;
   background-color: rgba(0,0,0,0.5);
   /* border: 0px solid rgba(90,105,111,0.5);
   box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.15);*/
   border: 1px solid rgba(90,105,111,0.5);
   box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.5);
   border-top:0px;border-right:0px;border-left:0px;
   font-weight: bold;
   height: 24px;

Tenemos que cambiar el valor de "altura". Luego tenemos que recargar el tema. Utilizo la extensión "configurador de actividades" para los otros parámetros de la barra superior.

Poumon
fuente