Comment changer la hauteur de la barre de titre dans les applications GTK standard et celles avec des barres d’entête / CSD sur Gnome 3.20


32

Dans Gnome 3.18, il était possible de changer la hauteur de la barre de titre de toutes les fenêtres en modifiant le css ~/.config/gtk-3.0/gtk.csscomme indiqué dans Réduire la hauteur de la barre de titre dans 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;
}

Dans Gnome 3.20, cela ne semble plus s'appliquer aux fenêtres avec une barre d'en-tête / CSD (boutons spécifiques au gnome dans la barre de titre), telles que Nautilus (Fichiers), Paramètres, Photos, Contacts, etc. Le réglage réduit encore la hauteur de la barre de titre pour d'autres applications, telles que gnome-terminal et gVim. Comment réduire la hauteur de la barre de titre dans des programmes gnome tels que Nautilus dans Gnome 3.20?


Mise à jour

J'ai aussi essayé ce qui est suggéré dans ce fil de reddit . J'ai essayé les deux window.ssdet .ssdseulement, pas de dés. Cela fonctionne, voir la réponse que j'ai posté pour plus de détails

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

et

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

fwiw c'est une chose gtk pas un gnome / nautilus / wm one
don_crissti

La solution mise à jour dans votre mise à jour a très bien fonctionné pour moi sur Arch avec Gnome 3.20. Il a fallu ajuster les valeurs un peu, et cela ne s’étend pas aux CSD GTK3, mais c’est quand même fou. Merci!
SimonG

Content que ce soit utile! J'ai posté quelques commentaires concernant les CSD / barres d'en-tête dans ma réponse ci-dessous, essayez-les et voyez si cela aide.
joelostblom

Réponses:


13
  1. créer un fichier ~ / .config / gtk-3.0 / gtk.css (ajouter le CSS ci-dessous)
  2. alors vous devrez recharger gnome-shell: ALT + F2et taperr

J'ai pu réduire l'application Titlebar sur Gnome 3.20 avec le CSS suivant:

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
La pointe alt+f2alors rest incroyable; Je vous remercie!
berto

notez que Alt + F2 ne fonctionne pas avec une session Wayland
Frederick Nord

Vous pouvez réduire un peu plus en ajoutant min-height: 10px;dans la headerbar entry etcsection, et le changement min-height: 24px;dans headerbarla 16px;
michaelmoo

11

Barre de tête / CSD

En fait, une partie du code trouvée par Reddit et publiée ci-dessus, à savoir

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

NE modifie pas les barres d’entête / CSD. Cependant, l'effet n'est pas immédiat. Même si vous rechargez gnome, vous devrez peut-être fermer toutes les fenêtres, attendre un moment ou vous déconnecter et vous reconnecter pour voir l'effet.

Je ne vois toujours aucune différence dans la barre d'en-tête lors de la modification de ce qui suit.

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

Barre de titre standard

Les deux sections de la barre de titre de la fenêtre normale fonctionnent comme prévu.

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

Bordure de la barre de titre

Vous pouvez utiliser ce qui suit pour supprimer la bordure de la barre de titre si vous exécutez le thème adwaita par défaut. 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);
}

Toutes les modifications suggérées sont-elles apportées dans "~ / .config / gtk-3.0 / gtk.css" ou à quel endroit exactement?
ezra-s le

@ ezra-s Oui, n'importe laquelle des sections ci-dessus serait ajoutée à~/.config/gtk-3.0/gtk.css
joelostblom

1

Tangent au sujet, vous pouvez télécharger l’ extension maximums shell pour masquer la barre de titre sur les fenêtres agrandies. Tout à fait utile.

Pas compatible avec wayland pour autant que je sache, mais je ne l'ai pas testé.


1

Mettez à jour votre ~/.config/gtk-3.0/gtk.cssavec le contenu suivant:

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

J'ai modifié le usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssfichier.

Nous devons trouver

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

Nous devons changer la valeur de "hauteur". Ensuite, nous devons recharger le thème. J'utilise l'extension "configurateur d'activités" pour les autres paramètres de la barre supérieure.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.