So ändern Sie die Höhe der Titelleiste in Standard-GTK-Apps und solchen mit Headerbars / CSDs unter Gnome 3.20

32

In Gnome 3.18, war es möglich , die titlebar Höhe aller Fenster in durch Ändern der CSS zu ändern , ~/.config/gtk-3.0/gtk.csswie pro Titelleiste Höhe Reduce 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 scheint dies nicht mehr für Fenster mit einer Kopfzeile / CSD (gnome-spezifische Schaltflächen in der Titelleiste) wie Nautilus (Dateien), Einstellungen, Fotos, Kontakte usw. zu gelten. Die Optimierung verringert weiterhin die Höhe der Titelleiste für andere anwendungen wie gnome-terminal und gVim. Wie verkleinere ich die Höhe der Titelleiste in Gnome-Programmen wie Nautilus in Gnome 3.20?


Aktualisieren

Ich habe auch versucht, was in diesem reddit Thread vorgeschlagen wird . Ich habe beides probiert window.ssdund .ssdnur keine Würfel. Dies funktioniert, siehe die Antwort, die ich für weitere Details gepostet habe

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

und

/* 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
quelle
fwiw das ist ein gtk ding kein gnome / nautilus / wm one
don_crissti
Die Lösung in Ihrem Update hat bei Arch mit Gnome 3.20 hervorragend funktioniert. Musste die Werte etwas anpassen, und es erstreckt sich nicht auf GTK3-CSDs, aber die sind sowieso verrückt. Vielen Dank!
SimonG
Froh, dass es nützlich ist! Ich habe ein paar Kommentare zu den CSDs / Headerbars in meiner Antwort unten gepostet, probiere es aus und finde heraus, ob es hilft.
Joelostblom
@ Mongrel bitte lesen Sie diese: meta.stackexchange.com/questions/283468/…
Shadow The Princess Wizard

Antworten:

13
  1. erstelle eine Datei ~ / .config / gtk-3.0 / gtk.css (füge das unten stehende CSS hinzu)
  2. dann musst du gnome-shell neu laden: ALT + F2und tipper

Ich konnte die Titelleiste der App unter Gnome 3.20 mit folgendem CSS verkleinern:

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
quelle
3
Der alt+f2damalige rTipp ist unglaublich; Danke dir!
Berto
Beachten Sie, dass Alt + F2 nicht mit einer Wayland-Sitzung funktioniert
Frederick Nord
Sie können es ein wenig weiter verkleinern, indem Sie es min-height: 10px;in den headerbar entry etcAbschnitt einfügen und min-height: 24px;in headerbar16px ändern.
Michaelmoo
11

Kopfzeile / CSD

Eigentlich ein Ausschnitt aus dem Code, den ich über reddit gefunden und oben gepostet habe, nämlich

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

TUT die Headerbars / CSDs. Die Wirkung ist jedoch nicht unmittelbar. Selbst wenn Sie gnome neu laden, müssen Sie möglicherweise alle Fenster schließen, eine Weile warten oder sich abmelden und erneut anmelden, um den Effekt zu sehen.

Ich sehe immer noch keinen Unterschied in der Kopfzeile, wenn ich Folgendes ändere.

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

Standard-Titelleiste

Die beiden Abschnitte für die normalen Fenstertitelleisten funktionieren wie erwartet.

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

Rand der Titelleiste

Mit den folgenden Schritten können Sie den Titelleistenrand entfernen, wenn Sie das Standard-Adwaita-Design ausführen. Von 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
quelle
Werden all diese vorgeschlagenen Änderungen in "~ / .config / gtk-3.0 / gtk.css" vorgenommen oder wo genau?
Esra-s
@ezra-s Ja, einer der obigen Abschnitte wird hinzugefügt~/.config/gtk-3.0/gtk.css
joelostblom
1

Tangential zum Thema können Sie die maximale Shell-Erweiterung herunterladen , um die Titelleiste in maximierten Fenstern auszublenden. Ein nützlicher Fall.

Soweit ich weiß, ist es nicht mit Wayland kompatibel, hat es aber nicht getestet.

Paulo Neves
quelle
1

Aktualisieren Sie Ihre ~/.config/gtk-3.0/gtk.cssmit folgenden Inhalten:

/* 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
quelle
0

Ich habe die usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssDatei geändert .

Wir müssen finden

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

Wir müssen den Wert "height" ändern. Danach müssen wir das Theme neu laden. Ich benutze die Erweiterung "Aktivitäten-Konfigurator" für die anderen Parameter der oberen Leiste.

Poumon
quelle