web-dev-qa-db-fra.com

Comment changer la hauteur de la barre de titre dans les applications GTK standard et celles avec des écouteurs / CSD sur Gnome 3.20

Dans Gnome 3.18, il était possible de changer la hauteur de la barre de titre de toutes les fenêtres en changeant le css dans ~/.config/gtk-3.0/gtk.css selon Réduisez la hauteur de la barre de titre dans gnome 3/gtk + .

.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 semble ne plus s'appliquer aux fenêtres avec une barre d'en-tête/CSD (boutons spécifiques au gnome dans la barre de titre), tels que Nautilus (Fichiers), Paramètres, Photos, Contacts, etc. Le Tweak réduit toujours la hauteur de la barre de titre pour d'autres applications, telles que gnome-terminal et gVim. Comment puis-je réduire la hauteur de la barre de titre dans les programmes gnome tels que Nautilus dans Gnome 3.20?

Mise à jour

J'ai également essayé ce qui est suggéré dans ce fil reddit . J'ai essayé les deux window.ssd et .ssd seulement, pas de dé.  Cela fonctionne, voir la réponse que j'ai postée 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;
}
gnome3window-managernautilusmutter
32
joelostblom

Barre de tête/CSD

En fait, une section du code que j'ai trouvé via reddit et posté 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 les écouteurs/CSD. Mais 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 pour les barres de titre de fenêtre normales 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);
}
11
joelostblom
  1. créer un fichier ~/.config/gtk-3.0/gtk.css (ajoutez le CSS ci-dessous)
  2. alors vous devrez recharger gnome-Shell: ALT + F2 et tapez r

J'ai pu réduire la barre de titre de l'application 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;
  }
13
Francesco

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

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

1
Paulo Neves

Mettez à jour votre ~/.config/gtk-3.0/gtk.css avec 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;
}
1
Lasith Niroshan

J'ai modifié le usr/share/themes/name-of-the-theme/gnome-Shell/gnome-Shell.css fichier.

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.

0
Poumon