update monterey style
This commit is contained in:
Vince
parent
c790fa2763
commit
3fbce8abfa
@ -2396,6 +2396,24 @@ cursor-handle {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
%monterey_tab {
|
||||||
|
color: $disabled_fg_color;
|
||||||
|
background-color: transparentize($base_color, 1);
|
||||||
|
border: none;
|
||||||
|
transition: all 150ms ease-out;
|
||||||
|
padding: 0 0;
|
||||||
|
|
||||||
|
&:hover:not(:checked) {
|
||||||
|
color: mix($fg_color, $disabled_fg_color, 50%);
|
||||||
|
background-color: rgba($fg_color, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
color: $fg_color;
|
||||||
|
background-color: rgba($fg_color, 0.12);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
notebook {
|
notebook {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
@ -2410,62 +2428,81 @@ notebook {
|
|||||||
}
|
}
|
||||||
|
|
||||||
> header {
|
> header {
|
||||||
padding: 0;
|
@if $monterey == 'false' {
|
||||||
background-color: darken($header_bg, 10%);
|
background-color: darken($header_bg, 10%);
|
||||||
|
|
||||||
// Set box-shadow to make the header frame color more easy to see
|
// Set box-shadow to make the header frame color more easy to see
|
||||||
// Set margin to hide the ugly borders around the header
|
// Set margin to hide the ugly borders around the header
|
||||||
&.top {
|
&.top {
|
||||||
margin-top: -1px;
|
box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $solid_borders_color;
|
||||||
box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $borders_color;
|
@if $variant=='light' {
|
||||||
@if $variant=='light' {
|
box-shadow: inset 0 1px $solid_borders_color,
|
||||||
box-shadow: inset 0 1px $borders_color,
|
inset 0 -1px $solid_borders_color,
|
||||||
inset 0 -1px $borders_color,
|
1px 0 $solid_borders_color,
|
||||||
1px 0 $borders_color,
|
-1px 0 $solid_borders_color;
|
||||||
-1px 0 $borders_color;
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.bottom {
|
&.bottom {
|
||||||
box-shadow: inset 0 1px $borders_color, inset 0 -1px $solid_borders_color;
|
box-shadow: inset 0 1px $solid_borders_color, inset 0 -1px $solid_borders_color;
|
||||||
@if $variant=='light' {
|
@if $variant=='light' {
|
||||||
box-shadow: inset 0 1px $borders_color,
|
box-shadow: inset 0 1px $solid_borders_color,
|
||||||
inset 0 -1px $borders_color,
|
inset 0 -1px $solid_borders_color,
|
||||||
1px 0 $borders_color,
|
1px 0 $solid_borders_color,
|
||||||
-1px 0 $borders_color;
|
-1px 0 $solid_borders_color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
margin-bottom: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.right {
|
&.right {
|
||||||
box-shadow: inset 1px 0 $borders_color, inset -1px 0 $solid_borders_color;
|
box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $solid_borders_color;
|
||||||
@if $variant=='light' {
|
@if $variant=='light' {
|
||||||
box-shadow: inset 1px 0 $borders_color,
|
box-shadow: inset 1px 0 $solid_borders_color,
|
||||||
inset -1px 0 $borders_color,
|
inset -1px 0 $solid_borders_color,
|
||||||
0 1px $borders_color,
|
0 1px $solid_borders_color,
|
||||||
0 -1px $borders_color;
|
0 -1px $solid_borders_color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
margin-right: -1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.left {
|
&.left {
|
||||||
box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $borders_color;
|
box-shadow: inset 1px 0 $solid_borders_color, inset -1px 0 $solid_borders_color;
|
||||||
@if $variant=='light' {
|
@if $variant=='light' {
|
||||||
box-shadow: inset 1px 0 $borders_color,
|
box-shadow: inset 1px 0 $solid_borders_color,
|
||||||
inset -1px 0 $borders_color,
|
inset -1px 0 $solid_borders_color,
|
||||||
0 1px $borders_color,
|
0 1px $solid_borders_color,
|
||||||
0 -1px $borders_color;
|
0 -1px $solid_borders_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
} @else {
|
||||||
|
&.top {
|
||||||
|
border-bottom: 1px solid $borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.bottom {
|
||||||
|
border-top: 1px solid $borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.right {
|
||||||
|
border-left: 1px solid $borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.left {
|
||||||
|
border-right: 1px solid $borders_color;
|
||||||
}
|
}
|
||||||
margin-left: -1px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
button.flat.toggle.popup {
|
button.flat.toggle.popup {
|
||||||
min-width: $menuitem_size;
|
min-width: $menuitem_size;
|
||||||
border-radius: 0;
|
|
||||||
padding: 0;
|
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: none;
|
box-shadow: none;
|
||||||
margin: 0;
|
|
||||||
|
@if $monterey == 'false' {
|
||||||
|
border-radius: 0;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
} @else {
|
||||||
|
margin-left: $container_padding / 2;
|
||||||
|
border-radius: $bt_radius;
|
||||||
|
}
|
||||||
|
|
||||||
&:active, &:checked {
|
&:active, &:checked {
|
||||||
color: $fg_color;
|
color: $fg_color;
|
||||||
@ -2476,19 +2513,34 @@ notebook {
|
|||||||
@each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) {
|
@each $_pos, $_bpos in (top, bottom), (bottom, top), (right, left), (left, right) {
|
||||||
// sizing and borders
|
// sizing and borders
|
||||||
&.#{$_pos} {
|
&.#{$_pos} {
|
||||||
padding: 0;
|
@if $monterey == 'false' {
|
||||||
|
margin-#{$_pos}: -1px;
|
||||||
|
padding: 0;
|
||||||
|
} @else {
|
||||||
|
padding: $container_padding / 2;
|
||||||
|
}
|
||||||
|
|
||||||
> tabs > tab {
|
> tabs > tab {
|
||||||
padding: $container_padding - 4px $container_padding + 4px;
|
padding: $container_padding - 4px $container_padding + 4px;
|
||||||
|
outline-offset: -4px;
|
||||||
min-width: 24px;
|
min-width: 24px;
|
||||||
min-height: 24px;
|
min-height: 24px;
|
||||||
border-radius: 0;
|
|
||||||
outline-offset: -4px;
|
|
||||||
|
|
||||||
// tab overlap
|
@if $monterey == 'false' {
|
||||||
+ tab {
|
border-radius: 0;
|
||||||
@if $_pos==top or $_pos==bottom { margin-left: -1px; }
|
|
||||||
@else { margin-top: -1px; }
|
// tab overlap
|
||||||
|
+ tab {
|
||||||
|
@if $_pos==top or $_pos==bottom { margin-left: -1px; }
|
||||||
|
@else { margin-top: -1px; }
|
||||||
|
}
|
||||||
|
} @else {
|
||||||
|
border-radius: $bt_radius;
|
||||||
|
|
||||||
|
+ tab {
|
||||||
|
@if $_pos==top or $_pos==bottom { margin-left: $container_padding / 2; }
|
||||||
|
@else { margin-top: $container_padding / 2; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -2527,24 +2579,30 @@ notebook {
|
|||||||
&:disabled { color: transparentize($disabled_fg_color,0.3); }
|
&:disabled { color: transparentize($disabled_fg_color,0.3); }
|
||||||
}
|
}
|
||||||
|
|
||||||
&.top,
|
@if $monterey == 'false' {
|
||||||
&.bottom {
|
&.top,
|
||||||
> tabs > tab {
|
&.bottom {
|
||||||
&:first-child { border-left: none; }
|
> tabs > tab {
|
||||||
&:last-child { border-right: none; }
|
&:first-child { border-left: none; }
|
||||||
|
&:last-child { border-right: none; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
&.left,
|
&.left,
|
||||||
&.right {
|
&.right {
|
||||||
> tabs > tab {
|
> tabs > tab {
|
||||||
&:first-child { border-top: none; }
|
&:first-child { border-top: none; }
|
||||||
&:last-child { border-bottom: none; }
|
&:last-child { border-bottom: none; }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
> tabs > tab {
|
> tabs > tab {
|
||||||
@extend %tabs_tab;
|
@if $monterey == 'false' {
|
||||||
|
@extend %tabs_tab;
|
||||||
|
} @else {
|
||||||
|
@extend %monterey_tab;
|
||||||
|
}
|
||||||
|
|
||||||
// close button
|
// close button
|
||||||
button.flat, button.close-button {
|
button.flat, button.close-button {
|
||||||
|
|||||||
@ -337,12 +337,14 @@ $nautilus_sidebar_image: image($dark_sidebar_bg);
|
|||||||
}
|
}
|
||||||
|
|
||||||
notebook {
|
notebook {
|
||||||
margin-left: -1px;
|
|
||||||
margin-right: -1px;
|
|
||||||
|
|
||||||
&.background.csd { background-color: transparent; }
|
&.background.csd { background-color: transparent; }
|
||||||
|
|
||||||
tab { margin-left: -1px; }
|
@if $monterey == 'false' {
|
||||||
|
margin-left: -1px;
|
||||||
|
margin-right: -1px;
|
||||||
|
|
||||||
|
tab { margin-left: -1px; }
|
||||||
|
}
|
||||||
|
|
||||||
scrolledwindow {
|
scrolledwindow {
|
||||||
.view:not(:hover):not(:active):not(:selected) {
|
.view:not(:hover):not(:active):not(:selected) {
|
||||||
@ -595,8 +597,16 @@ terminal-window {
|
|||||||
button.flat.toggle.popup {
|
button.flat.toggle.popup {
|
||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
min-width: 28px;
|
min-width: 28px;
|
||||||
margin: -2px;
|
padding: 0;
|
||||||
|
|
||||||
|
@if $monterey == 'false' {
|
||||||
|
margin: -2px;
|
||||||
|
} @else {
|
||||||
|
margin: -2px 0;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
tab { padding: 0 0; }
|
||||||
}
|
}
|
||||||
|
|
||||||
&.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization
|
&.background.csd.maximized { border-radius: 0 0 0 0; } // Fixed gnome 3.32 issue: Unable to restore window size after maximization
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user