Come modificare l'altezza della barra del titolo nelle app GTK standard e in quelle con headerbar / CSD su Gnome 3.20


32

In Gnome 3.18, è stato possibile modificare l'altezza della barra del titolo di tutte le finestre modificando il CSS ~/.config/gtk-3.0/gtk.csscome da Riduci l'altezza della barra del titolo in 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;
}

In Gnome 3.20, questo sembra non essere più applicabile a Windows con una barra di intestazione / CSD (pulsanti specifici di Gnome nella barra del titolo), come Nautilus (File), Impostazioni, Foto, Contatti, ecc. La modifica riduce ancora l'altezza della barra del titolo per altre applicazioni, come gnome-terminal e gVim. Come posso ridurre l'altezza della barra del titolo in programmi gnome come Nautilus in Gnome 3.20?


Aggiornare

Ho anche provato ciò che è suggerito in questo thread reddit . Ho provato entrambi window.ssde .ssdsolo, nessun dado. Funziona, vedi la risposta che ho pubblicato per maggiori dettagli

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;
}

e

/* 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;
}

dopo questa è una cosa gtk non uno gnomo / nautilus / wm one
don_crissti

La soluzione nel tuo aggiornamento ha funzionato perfettamente per me su Arch con Gnome 3.20. Ho dovuto regolare un po 'i valori, e non si estende ai CSD GTK3, ma quelli sono comunque pazzi. Grazie!
SimonG

Sono contento che sia utile! Ho pubblicato alcuni commenti relativi ai CSD / headerbar nella mia risposta di seguito, provalo e vedi se aiuta.
joelostblom,

Risposte:


13
  1. crea un file ~ / .config / gtk-3.0 / gtk.css (aggiungi il CSS sotto)
  2. allora dovrai ricaricare gnome-shell: ALT + F2e digitarer

Sono stato in grado di ridurre la barra del titolo dell'app su Gnome 3.20 con il seguente 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;
  }

3
Il suggerimento alt+f2allora rè sorprendente; grazie!
berto

nota che Alt + F2 non funziona con una sessione di Wayland
Frederick Nord,

Puoi ridurlo un po 'di più aggiungendo min-height: 10px;nella headerbar entry etcsezione e cambiando min-height: 24px;in headerbar16px;
michaelmoo,

11

Headerbar / CSD

In realtà, una sezione del codice che ho trovato tramite reddit e pubblicata sopra, vale a dire

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

FA modificare le headerbars / CSD. Tuttavia l'effetto non è immediato. Anche se ricarichi gnome, potresti aver bisogno di chiudere tutte le finestre, attendere qualche istante o disconnetterti e riconnetterti per vedere l'effetto.

Non sto ancora vedendo alcuna differenza nella barra dell'intestazione quando modifico quanto segue.

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

Barra del titolo standard

Le due sezioni per le normali barre del titolo della finestra funzionano come previsto.

.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;
}

Bordo della barra del titolo

È possibile utilizzare quanto segue per rimuovere il bordo della barra del titolo se si esegue il tema adwaita predefinito. Da 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);
}

Tutte queste modifiche suggerite sono state apportate in "~ / .config / gtk-3.0 / gtk.css" o dove esattamente?
ezra-s,

@ ezra-s Sì, una qualsiasi delle sezioni precedenti verrà aggiunta a~/.config/gtk-3.0/gtk.css
joelostblom l'

1

Tangente all'argomento, è possibile scaricare l' estensione della shell dei massimi per nascondere la barra del titolo su finestre ingrandite. Abbastanza utile l'usecase.

Per quanto ne so, non compatibile con Wayland, ma non l'ho provato.


1

Aggiorna il tuo ~/.config/gtk-3.0/gtk.csscon i seguenti contenuti:

/* 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;
}

0

Ho modificato il usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssfile.

Dobbiamo trovare

 /* 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;

Dobbiamo cambiare il valore di "altezza". Successivamente dobbiamo ricaricare il tema. Uso l'estensione "configuratore di attività" per gli altri parametri della barra superiore.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.