GTK3: reduce non csd headerbar height
This commit is contained in:
parent
e9b27304b9
commit
3e019195aa
@ -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);
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
background-position: left;
|
||||
background-size: auto 150%; }
|
||||
.titlebar:backdrop,
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
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 *
|
||||
@ -5531,6 +5546,9 @@ 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); }
|
||||
|
||||
button.titlebutton:not(.appmenu) {
|
||||
margin: 0; }
|
||||
|
||||
button.titlebutton:backdrop {
|
||||
background: transparent; }
|
||||
button.titlebutton:backdrop:not(:hover) {
|
||||
|
||||
@ -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);
|
||||
box-shadow: inset 0 1px rgba(238, 238, 236, 0.07);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
background-position: left;
|
||||
background-size: auto 150%; }
|
||||
.titlebar:backdrop,
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo-dark.png"), url("assets/kali-headerbar-logo-dark@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
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 *
|
||||
@ -5531,6 +5546,9 @@ 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); }
|
||||
|
||||
button.titlebutton:not(.appmenu) {
|
||||
margin: 0; }
|
||||
|
||||
button.titlebutton:backdrop {
|
||||
background: transparent; }
|
||||
button.titlebutton:backdrop:not(:hover) {
|
||||
|
||||
@ -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);
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
|
||||
background-repeat: no-repeat;
|
||||
background-position: left; }
|
||||
background-position: left;
|
||||
background-size: auto 150%; }
|
||||
.titlebar:backdrop,
|
||||
headerbar:backdrop {
|
||||
background-image: -gtk-scaled(url("assets/kali-headerbar-logo.png"), url("assets/kali-headerbar-logo@2.png"));
|
||||
background-repeat: no-repeat;
|
||||
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 *
|
||||
@ -5554,6 +5569,9 @@ decoration {
|
||||
messagedialog.csd decoration {
|
||||
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 {
|
||||
background: transparent; }
|
||||
button.titlebutton:backdrop:not(:hover) {
|
||||
|
||||
@ -108,6 +108,7 @@ headerbar {
|
||||
$ov: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png')));
|
||||
background-repeat: no-repeat;
|
||||
background-position: left;
|
||||
background-size: auto 150%;
|
||||
|
||||
&:backdrop {
|
||||
background-image: -gtk-scaled(url('#{$_scale_asset}.png'), url('#{$_scale_asset}@2.png'));
|
||||
@ -119,6 +120,21 @@ headerbar {
|
||||
button.toggle {
|
||||
&: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
|
||||
button.titlebutton {
|
||||
&:not(.appmenu) { margin: 0; }
|
||||
&:backdrop {
|
||||
background: transparent;
|
||||
&:not(:hover) { border-color: transparent; }
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user