it-swarm.com.de

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

In Gnome 3.18 war es möglich, die Höhe der Titelleiste aller Fenster zu ändern, indem das CSS in ~/.config/gtk-3.0/gtk.css Gemäß Höhe der Titelleiste in Gnome 3/gtk + 3 geändert wurde.

.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 Kopfleiste/CSD (gnomspezifische Schaltflächen in der Titelleiste) wie Nautilus (Dateien), Einstellungen, Fotos, Kontakte usw. zu gelten. Durch die Optimierung wird die Höhe der Titelleiste weiterhin verringert für andere Anwendungen wie Gnome-Terminal und gVim. Wie reduziere 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 sowohl window.ssd Als auch .ssd Nur ausprobiert. kein Würfel.  Dies funktioniert, siehe die Antwort, die ich gepostet habe für weitere Details

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

Headerbar/CSD

Eigentlich ein Abschnitt des Codes, 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;
}

[~ # ~] ändert [~ # ~] 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;
}

Titelleistenrand

Sie können Folgendes verwenden, um den Titelleistenrand zu 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);
}
11
joelostblom
  1. erstellen Sie eine Datei ~/.config/gtk-3.0/gtk.css (fügen Sie das folgende CSS hinzu)
  2. dann müssen Sie gnome-Shell neu laden: ALT + F2 und geben Sie r ein

Ich konnte die Titelleiste der App auf Gnome 3.20 mit folgendem CSS reduzieren:

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

Tangent zum Thema können Sie die maximale Shell-Erweiterung herunterladen, um die Titelleiste in maximierten Fenstern auszublenden. Ganz der nützliche Anwendungsfall.

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

1
Paulo Neves

Aktualisieren Sie Ihre ~/.config/gtk-3.0/gtk.css mit folgendem Inhalt:

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

Ich habe das usr/share/themes/name-of-the-theme/gnome-Shell/gnome-Shell.css Datei.

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 Thema neu laden. Ich verwende die Erweiterung "Aktivitätenkonfigurator" für die anderen Parameter der oberen Leiste.

0
Poumon