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);
|
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) {
|
||||||
|
|||||||
@ -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) {
|
||||||
|
|||||||
@ -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) {
|
||||||
|
|||||||
@ -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; }
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user