Como alterar a altura da barra de título em aplicativos GTK padrão e naqueles com barras de cabeçalho / CSDs no Gnome 3.20


32

No Gnome 3.18, era possível alterar a altura da barra de título de todas as janelas alterando o css ~/.config/gtk-3.0/gtk.cssconforme Reduzir a altura da barra de título no 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;
}

No Gnome 3.20, isso parece não se aplicar mais às janelas com uma barra de cabeçalho / CSD (botões específicos do gnome na barra de título), como Nautilus (arquivos), configurações, fotos, contatos etc. A alteração ainda reduz a altura da barra de título para outras aplicações, como gnome-terminal e gVim. Como reduzo a altura da barra de título em programas gnome como o Nautilus no Gnome 3.20?


Atualizar

Eu também tentei o que é sugerido neste tópico do reddit . Eu tentei ambos window.ssde .ssdapenas, sem dados. Isso funciona, veja a resposta que eu publiquei para mais detalhes

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

e

/* 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 isso é uma coisa gtk não um gnome / Nautilus / wm um
don_crissti

A solução na sua atualização funcionou muito bem para mim no Arch with Gnome 3.20. Teve que ajustar um pouco os valores e não se estende aos CSDs GTK3, mas eles são loucos de qualquer maneira. Obrigado!
precisa saber é o seguinte

Ainda bem que é útil! Publiquei alguns comentários sobre os CSDs / barras de cabeçalho na minha resposta abaixo, experimente e veja se isso ajuda.
Joelostblom

Respostas:


13
  1. crie um arquivo ~ / .config / gtk-3.0 / gtk.css (adicione o CSS abaixo)
  2. então você precisará recarregar o gnome-shell: ALT + F2e digiter

Consegui reduzir a barra de título do aplicativo no Gnome 3.20 com o seguinte 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
A dica alt+f2então ré incrível; obrigado!
berto

nota que Alt + F2 não funciona com uma sessão de Wayland
Frederick Nord

Você pode reduzi-lo um pouco mais, adicionando min-height: 10px;na headerbar entry etcseção, e mudança min-height: 24px;no headerbarpara 16px;
michaelmoo

11

Headerbar / CSD

Na verdade, uma seção do código que encontrei no reddit e postei acima, a saber

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

FAZ modificar as headerbars / CDT. No entanto, o efeito não é imediato. Mesmo se você recarregar o gnome, talvez seja necessário fechar todas as janelas, esperar um pouco ou sair e fazer login novamente para ver o efeito.

Ainda não estou vendo nenhuma diferença na barra de cabeçalho ao modificar o seguinte.

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

Barra de título padrão

As duas seções para as barras de título da janela normal funcionam conforme o esperado.

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

Borda da barra de título

Você pode usar o seguinte para remover a borda da barra de título se estiver executando o tema adwaita padrão. 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);
}

Todas essas alterações sugeridas foram feitas em "~ / .config / gtk-3.0 / gtk.css" ou onde exatamente?
Ezra-s

@ ezra-s Sim, qualquer uma das seções acima seria adicionada a~/.config/gtk-3.0/gtk.css
joelostblom

1

De acordo com o assunto, você pode fazer o download da extensão máxima do shell para ocultar a barra de título nas janelas maximizadas. Bastante útil caso de uso.

Não é compatível com o wayland até onde eu sei, mas não o testou.


1

Atualize seu ~/.config/gtk-3.0/gtk.csscom o seguinte conteúdo:

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

Eu modifiquei o usr/share/themes/name-of-the-theme/gnome-shell/gnome-shell.cssarquivo.

Temos que encontrar

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

Temos que mudar o valor da "altura". Depois temos que recarregar o tema. Eu uso a extensão "configurador de atividades" para os outros parâmetros da barra superior.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.