GTK3: reduce non csd headerbar height

This commit is contained in:
Daniel Ruiz de Alegría 2020-03-02 13:22:57 +01:00
parent e9b27304b9
commit 3e019195aa
4 changed files with 74 additions and 3 deletions

View File

@ -5288,12 +5288,27 @@ headerbar {
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left;
background-size: auto 150%; }
.titlebar:backdrop, .titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 3px;
border: 0; }
.titlebar.default-decoration:backdrop,
headerbar.default-decoration:backdrop {
background-color: #272a34; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 20px;
min-width: 20px;
margin: 0 4px;
padding: 0; }
/************** /**************
* GtkInfoBar * * GtkInfoBar *
@ -5531,6 +5546,9 @@ decoration {
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
button.titlebutton:not(.appmenu) {
margin: 0; }
button.titlebutton:backdrop { button.titlebutton:backdrop {
background: transparent; } background: transparent; }
button.titlebutton:backdrop:not(:hover) { button.titlebutton:backdrop:not(:hover) {

View File

@ -5288,12 +5288,27 @@ headerbar {
background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23); background: #0d0e11 -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")), linear-gradient(to top, #16171d, #1a1c23);
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left;
background-size: auto 150%; }
.titlebar:backdrop, .titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png")); background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 3px;
border: 0; }
.titlebar.default-decoration:backdrop,
headerbar.default-decoration:backdrop {
background-color: #272a34; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 20px;
min-width: 20px;
margin: 0 4px;
padding: 0; }
/************** /**************
* GtkInfoBar * * GtkInfoBar *
@ -5531,6 +5546,9 @@ decoration {
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(13, 14, 17, 0.65); }
button.titlebutton:not(.appmenu) {
margin: 0; }
button.titlebutton:backdrop { button.titlebutton:backdrop {
background: transparent; } background: transparent; }
button.titlebutton:backdrop:not(:hover) { button.titlebutton:backdrop:not(:hover) {

View File

@ -5311,12 +5311,27 @@ headerbar {
background: #fafafa -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, whitesmoke, #fcfcfc); background: #fafafa -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")), linear-gradient(to top, whitesmoke, #fcfcfc);
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left;
background-size: auto 150%; }
.titlebar:backdrop, .titlebar:backdrop,
headerbar:backdrop { headerbar:backdrop {
background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png")); background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png"));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; } background-position: left; }
.titlebar.default-decoration,
headerbar.default-decoration {
min-height: 0;
padding: 3px;
border: 0; }
.titlebar.default-decoration:backdrop,
headerbar.default-decoration:backdrop {
background-color: #fafafa; }
.titlebar.default-decoration button.titlebutton,
headerbar.default-decoration button.titlebutton {
min-height: 20px;
min-width: 20px;
margin: 0 4px;
padding: 0; }
/************** /**************
* GtkInfoBar * * GtkInfoBar *
@ -5554,6 +5569,9 @@ decoration {
messagedialog.csd decoration { messagedialog.csd decoration {
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); } box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0); }
button.titlebutton:not(.appmenu) {
margin: 0; }
button.titlebutton:backdrop { button.titlebutton:backdrop {
background: transparent; } background: transparent; }
button.titlebutton:backdrop:not(:hover) { button.titlebutton:backdrop:not(:hover) {

View File

@ -108,6 +108,7 @@ headerbar {
$ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'))); $ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')));
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left; background-position: left;
background-size: auto 150%;
&:backdrop { &:backdrop {
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')); background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
@ -119,6 +120,21 @@ headerbar {
button.toggle { button.toggle {
&:active, &:checked { @extend %button_active; } &:active, &:checked { @extend %button_active; }
} }
&.default-decoration {
min-height: 0;
padding: 3px;
border: 0;
&:backdrop { background-color: $base_color; }
button.titlebutton {
min-height: 20px;
min-width: 20px;
margin: 0 4px;
padding: 0;
}
}
} }
/************** /**************
@ -264,6 +280,7 @@ decoration {
// Window Close button // Window Close button
button.titlebutton { button.titlebutton {
&:not(.appmenu) { margin: 0; }
&:backdrop { &:backdrop {
background: transparent; background: transparent;
&:not(:hover) { border-color: transparent; } &:not(:hover) { border-color: transparent; }