如何在Gnome 3.20上的标准GTK应用程序和带有标题栏/ CSD的应用程序中更改标题栏的高度


32

在侏儒3.18,这是可以通过在改变的CSS改变所有窗口的标题栏高度~/.config/gtk-3.0/gtk.css按照在侏儒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(标题栏中的gnome特定按钮)的窗口,例如Nautilus(文件),设置,照片,联系人等。该调整仍会减小标题栏的高度用于其他应用程序,例如gnome-terminal和gVim。如何在gnome程序(如Gnome 3.20中的Nautilus)中减小标题栏的高度?


更新资料

我还尝试了此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;
}

首先,这是一个gtk而非gnome / nautilus / wm的东西
don_crissti

您的更新中的解决方案对使用Gnome 3.20的Arch来说非常有效。必须稍微调整一下值,并且它不会扩展到GTK3 CSD,但无论如何它们都是疯狂的。谢谢!
SimonG '16

很高兴这很有用!我在下面的答案中对CSD /标题栏发表了一些评论,请尝试一下,看看是否有帮助。
joelostblom '16

Answers:


13
  1. 创建一个文件〜/ .config / gtk-3.0 / gtk.css(添加以下CSS)
  2. 那么您将需要重新加载gnome-shell:ALT + F2并输入r

我可以使用以下CSS来减少Gnome 3.20上的应用程序标题栏:

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尖端是惊人的; 谢谢!
berto

请注意,Alt + F2不适用于Wayland会话
Frederick Nord

您可以缩小它一点更通过增加min-height: 10px;headerbar entry etc部分和变化min-height: 24px;headerbar,以16像素;
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;

我们必须更改“高度”值。之后,我们必须重新加载主题。我将扩展名“ activity configurator”用于顶部栏的其他参数。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.