Jak zmienić wysokość paska tytułu w standardowych aplikacjach GTK i tych z headerbarami / CSD na Gnome 3.20

32

W Gnome 3.18 można było zmienić wysokość paska tytułowego wszystkich okien, zmieniając css w ~/.config/gtk-3.0/gtk.csszgodnie z Zmniejsz wysokość paska tytułowego w 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;
}

W Gnome 3.20 wydaje się, że nie ma to już zastosowania do okien z paskiem nagłówka / CSD (przyciski specyficzne dla gnome na pasku tytułu), takich jak Nautilus (pliki), ustawienia, zdjęcia, kontakty itp. Ulepszenie nadal zmniejsza wysokość paska tytułu do innych zastosowań, takich jak gnome-terminal i gVim. Jak zmniejszyć wysokość paska tytułowego w programach gnomów, takich jak Nautilus w Gnome 3.20?


Aktualizacja

Próbowałem również, co jest sugerowane w tym wątku reddit . Próbowałem obu window.ssdi .ssdtylko, bez kości. To działa, zobacz odpowiedź, którą zamieściłem, aby uzyskać więcej informacji

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

i

/* 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
źródło
fwiw to jest rzecz GTK, a nie gnome / nautilus / wm one
don_crissti 19.04.2016
Rozwiązanie w twojej aktualizacji działało dla mnie świetnie na Arch z Gnome 3.20. Musiałem trochę dostosować wartości i nie obejmuje to CSD GTK3, ale i tak są szalone. Dzięki!
SimonG 24.04.16
Cieszę się, że jest to przydatne! W odpowiedzi poniżej zamieściłem kilka komentarzy dotyczących CSD / headerbarów. Wypróbuj go i sprawdź, czy to pomoże.
joelostblom 24.04.16
@Kongrel proszę przeczytać to: meta.stackexchange.com/questions/283468/…
Shadow The Princess Wizard

Odpowiedzi:

13
  1. utwórz plik ~ / .config / gtk-3.0 / gtk.css (dodaj poniższy CSS)
  2. musisz ponownie załadować gnome-shell: ALT + F2i wpisaćr

Udało mi się zmniejszyć pasek tytułu aplikacji na Gnome 3.20 za pomocą następującego 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;
  }
Francesco
źródło
3
alt+f2Następnie rwskazówka jest niesamowite; Dziękuję Ci!
berto
zauważ, że Alt + F2 nie działa z sesją Wayland
Frederick Nord
Można go kurczyć trochę więcej poprzez dodanie min-height: 10px;w headerbar entry etcsekcji, a zmiana min-height: 24px;w headerbarcelu 16px;
michaelmoo
11

Nagłówek / CSD

Właściwie to część kodu, którą znalazłem za pośrednictwem reddita i opublikowałem powyżej, a mianowicie

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

DOE modyfikować headerbars / BNG. Jednak efekt nie jest natychmiastowy. Nawet jeśli ponownie załadujesz gnome, może być konieczne zamknięcie wszystkich okien, poczekanie chwilę lub wylogowanie i ponowne zalogowanie, aby zobaczyć efekt.

Nadal nie widzę żadnej różnicy na pasku nagłówka podczas modyfikowania następujących elementów.

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

Standardowy pasek tytułu

Dwie sekcje normalnych pasków tytułowych okien działają zgodnie z oczekiwaniami.

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

Obramowanie paska tytułu

Możesz użyć poniższej opcji, aby usunąć ramkę tytułu, jeśli używasz domyślnego motywu adwaita. Od 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
źródło
Czy wszystkie sugerowane zmiany zostały wprowadzone w pliku „~ / .config / gtk-3.0 / gtk.css” lub gdzie dokładnie?
ezra-s
@ ezra-s Tak, każda z powyższych sekcji zostanie dodana do~/.config/gtk-3.0/gtk.css
joelostblom
1

Stycznie do tematu można pobrać rozszerzenie powłoki maksimum, aby ukryć pasek tytułu w zmaksymalizowanych oknach. Całkiem przydatna walizka.

O ile mi wiadomo, nie jest kompatybilny z Waylandem, ale go nie przetestowałem.

Paulo Neves
źródło
1

Zaktualizuj swoją za ~/.config/gtk-3.0/gtk.csspomocą następującej treści:

/* 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
źródło
0

Zmodyfikowałem usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssplik.

Musimy znaleźć

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

Musimy zmienić wartość „wysokość”. Następnie musimy ponownie załadować motyw. Używam rozszerzenia „konfigurator działań” dla innych parametrów paska górnego.

Poumon
źródło