Як змінити висоту заголовка в стандартних додатках GTK та тих, у кого заголовки / CSD на Gnome 3.20


32

У Gnome 3.18 можна було змінити висоту заголовка всіх вікон, змінивши css у ~/.config/gtk-3.0/gtk.cssвідповідно до Зменшити висоту рядка заголовка в 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;
}

У Gnome 3.20, схоже, це більше не стосується вікон із заголовком / CSD (кнопки, характерні для гнома у рядку заголовка), наприклад Nautilus (Файли), Налаштування, Фотографії, Контакти тощо. для інших програм, таких як gnome-terminal і gVim. Як зменшити висоту заголовка в програмах gnome, таких як Nautilus in Gnome 3.20?


Оновлення

Я також спробував те, що пропонується у цій редакції reddit . Я спробував і те, window.ssdі .ssdтільки, без кісток. Це працює, дивіться відповідь, яку я опублікував для отримання більш детальної інформації

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

і

/* 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 це gtk річ не gnome / nautilus / wm one
don_crissti

Розв’язання у вашому оновлення чудово працювало для Arch із Gnome 3.20. Довелося трохи скорегувати значення, і воно не поширюється на CSD-диски GTK3, але вони все одно божевільні. Спасибі!
SimonG

Радий, що це корисно! У своїй відповіді нижче я опублікував декілька коментарів щодо CSD / заголовків, спробуйте це і подивіться, чи це допомагає.
joelostblom

@Mongrel будь ласка, прочитайте це: meta.stackexchange.com/questions/283468/…
Shadow The Princess Wizard

Відповіді:


13
  1. створити файл ~ / .config / gtk-3.0 / gtk.css (додайте нижче CSS)
  2. тоді вам потрібно буде перезавантажити gnome-shell: ALT + F2і ввестиr

Мені вдалося зменшити заголовок програми в Gnome 3.20 за допомогою наступного 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;
  }

3
alt+f2Потім rнаконечник дивно; Дякую тобі!
Берто

зауважте, що Alt + F2 не працює з сеансом Wayland
Фредерік Норд

Ви можете зменшити його трохи більше, додаючи min-height: 10px;в headerbar entry etcрозділі, і зміни min-height: 24px;в headerbarдо 16px;
michaelmoo

11

Заголовок / CSD

Власне, розділ коду, який я знайшов через reddit і розмістив вище, а саме

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

НЕ змінює заголовки / CSD. Однак ефект не є негайним. Навіть якщо ви перезавантажуєте gnome, можливо, вам доведеться закрити всі вікна, зачекати деякий час або вийти та знову увійти, щоб побачити ефект.

Я все ще не бачу різниці в рядку заголовка під час зміни наступного.

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

Стандартна смуга заголовка

Два розділи для звичайних панелей заголовків вікна працюють як слід.

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

Кордон заголовка

Ви можете скористатись наведеним нижче способом для видалення межі заголовка, якщо використовується тема adwaita за замовчуванням. З 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);
}

Чи всі ці запропоновані зміни внесені в "~ / .config / gtk-3.0 / gtk.css" чи де саме?
ezra-s

@ ezra-s Так, будь-який з перерахованих вище розділів буде доданий до~/.config/gtk-3.0/gtk.css
joelostblom


1

Оновіть свій ~/.config/gtk-3.0/gtk.cssнаступний вміст:

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

Я змінив usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssфайл.

Треба знайти

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

Треба змінити значення "висота". Після цього ми повинні перезавантажити тему. Я використовую розширення "конфігуратор діяльності" для інших параметрів верхньої панелі.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.