Como alterar a altura da barra de título em aplicativos GTK padrão e aqueles com headerbars / CSDs no Gnome 3.20

Question

No Gnome 3.18, era possível alterar a altura da barra de título de todas as janelas alterando o css em ~/.config/gtk-3.0/gtk.css conforme Reduz 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 a janelas com um headerbar / CSD (botões específicos do gnome na barra de título), como Nautilus (Arquivos), Configurações, Fotos, Contatos, etc. O ajuste ainda reduz a altura da barra de título para outros aplicativos, como gnome-terminal e gVim. Como faço para reduzir 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 window.ssd e .ssd apenas, sem dados. Isso funciona, veja a resposta que eu postei 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;
}

    

Answer 1

Headerbar / CSD

Na verdade, uma seção do código que encontrei no reddit e postada 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;
}

DOES modifica os cabeçalhos / CSDs. No entanto, o efeito não é imediato. Mesmo que você recarregue o gnome, pode ser necessário fechar todas as janelas, esperar um pouco ou fazer logout e efetuar login novamente para ver o efeito.

Ainda não vejo 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 como 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 link

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

    

Answer 2

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

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

    

Answer 3

Tangente ao assunto, você pode fazer o download da extensão máxima de shell para ocultar a barra de título janelas maximizadas. Bastante o útil usecase.

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

    

Answer 4

Atualize seu ~/.config/gtk-3.0/gtk.css com 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;
}

    

Answer 5

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

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;

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