Cara mengubah ketinggian batang judul di aplikasi GTK standar dan aplikasi dengan headerbar / CSD di Gnome 3.20

32

Di Gnome 3.18, dimungkinkan untuk mengubah ketinggian batang judul semua jendela dengan mengubah css ~/.config/gtk-3.0/gtk.csssesuai Mengurangi tinggi judul batang di 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;
}

Di Gnome 3.20, ini tampaknya tidak berlaku lagi untuk windows dengan headerbar / CSD (tombol spesifik gnome di bilah judul), seperti Nautilus (File), Pengaturan, Foto, Kontak, dll. Tweak masih mengurangi ketinggian batang judul untuk aplikasi lain, seperti gnome-terminal dan gVim. Bagaimana cara mengurangi ketinggian batang judul di program gnome seperti Nautilus di Gnome 3.20?


Memperbarui

Saya juga sudah mencoba apa yang disarankan di utas reddit ini . Saya mencoba keduanya window.ssddan .ssdhanya, tidak ada dadu. Ini berfungsi, lihat jawaban yang saya posting untuk detail lebih lanjut

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

dan

/* 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
sumber
fwiw ini adalah hal gtk bukan yang gnome / nautilus / wm
don_crissti
Solusi dalam pembaruan Anda bekerja sangat baik untuk saya di Arch dengan Gnome 3.20. Harus menyesuaikan nilai sedikit, dan itu tidak meluas ke GTK3 CSD, tetapi mereka tetap gila. Terima kasih!
SimonG
Senang itu berguna! Saya memposting beberapa komentar tentang CSD / headerbars dalam jawaban saya di bawah, coba dan lihat apakah itu membantu.
joelostblom
@ Mongong tolong baca ini: meta.stackexchange.com/questions/283468/…
Shadow The Princess Wizard

Jawaban:

13
  1. buat file ~ / .config / gtk-3.0 / gtk.css (tambahkan CSS di bawah ini)
  2. maka Anda perlu memuat ulang gnome-shell: ALT + F2dan ketikr

Saya dapat mengurangi aplikasi Titlebar di Gnome 3.20 dengan CSS berikut:

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
sumber
3
The alt+f2maka rujung luar biasa; Terima kasih!
berto
perhatikan bahwa Alt + F2 tidak bekerja dengan sesi Wayland
Frederick Nord
Anda dapat menyusut sedikit lebih dengan menambahkan min-height: 10px;di headerbar entry etcbagian, dan perubahan min-height: 24px;dalam headerbaruntuk 16px;
michaelmoo
11

Headerbar / CSD

Sebenarnya, bagian dari kode yang saya temukan melalui reddit dan diposting di atas, yaitu

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

TIDAK memodifikasi headerbars / CSD. Namun efeknya tidak langsung. Bahkan jika Anda memuat ulang gnome, Anda mungkin perlu menutup semua jendela, tunggu sebentar, atau keluar dan masuk lagi untuk melihat efeknya.

Saya masih tidak melihat perbedaan di bilah tajuk saat memodifikasi yang berikut.

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

Bilah judul standar

Dua bagian untuk judul jendela biasa berfungsi seperti yang diharapkan.

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

Batas batang judul

Anda dapat menggunakan yang berikut ini untuk menghapus batas batang judul jika Anda menjalankan tema adwaita default. Dari 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
sumber
Apakah semua perubahan yang disarankan ini dibuat di "~ / .config / gtk-3.0 / gtk.css" atau di mana tepatnya?
ezra-s
@ ezra-s Ya, bagian mana pun di atas akan ditambahkan ke~/.config/gtk-3.0/gtk.css
joelostblom
1

Bersinggungan dengan subjek, Anda dapat mengunduh ekstensi shell maksimum untuk menyembunyikan bilah judul di jendela yang dimaksimalkan. Cukup usecase yang bermanfaat.

Tidak kompatibel dengan wayland sejauh yang saya tahu, tetapi tidak mengujinya.

Paulo Neves
sumber
1

Perbarui konten Anda ~/.config/gtk-3.0/gtk.cssdengan berikut:

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

Saya memodifikasi usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssfile.

Kita harus temukan

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

Kita harus mengubah nilai "tinggi". Setelah itu kita harus memuat ulang temanya. Saya menggunakan ekstensi "aktivator aktivitas" untuk parameter lain dari topbar.

Poumon
sumber