Fixed gtk4 issues
This commit is contained in:
Vince
parent
aa3ded3480
commit
1a1020052d
1 changed files with 114 additions and 135 deletions
|
|
@ -46,6 +46,8 @@ $list_shadow: if($variant == 'light',
|
|||
}
|
||||
|
||||
%circular_row {
|
||||
border: none;
|
||||
|
||||
&:first-child {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
|
|
@ -1574,17 +1576,19 @@ actionbar > revealer > box {
|
|||
}
|
||||
|
||||
headerbar {
|
||||
min-height: $headerbar_size;
|
||||
min-height: $headerbar_size + 4px;
|
||||
padding: 0 $container_padding + 10px;
|
||||
color: $header_fg;
|
||||
background-color: $header_bg;
|
||||
border-bottom: 1px solid $header_border;
|
||||
box-shadow: none;
|
||||
|
||||
&:backdrop {
|
||||
transition: $backdrop_transition;
|
||||
color: transparentize($header_fg, 0.3);
|
||||
background-color: $header_bg_backdrop;
|
||||
border-color: if($variant=='light', lighten($header_border, 5%), darken($header_border, 3%));
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.title {
|
||||
|
|
@ -1609,7 +1613,10 @@ headerbar {
|
|||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
// button.toggle.popup { margin-right: 3px; } // Nautilus 3.30 popup button
|
||||
menubutton.popup, {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
// Reset linked buttons
|
||||
.linked.raised > & {
|
||||
|
|
@ -1690,24 +1697,19 @@ headerbar {
|
|||
box-shadow: none;
|
||||
}
|
||||
|
||||
&.windowhandle {
|
||||
viewswitcher button:not(.titlebutton):not(.suggested-action):not(.destructive-action) {
|
||||
border-radius: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
windowhandle {
|
||||
viewswitcher {
|
||||
button {
|
||||
margin-top: 2px;
|
||||
margin-bottom: 1px;
|
||||
min-height: 0;
|
||||
|
||||
> button.popup {
|
||||
&:hover {
|
||||
@include button(header-hover);
|
||||
> stack > box {
|
||||
&.wide {
|
||||
padding: 0 12px;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
&:active {
|
||||
@include button(header-active);
|
||||
}
|
||||
|
||||
&:checked {
|
||||
@include button(header-checked);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1802,120 +1804,15 @@ headerbar {
|
|||
}
|
||||
|
||||
separator.titlebutton { @extend %header_separator; }
|
||||
|
||||
// Fixes split headerbars
|
||||
separator:first-child + &,
|
||||
&:first-child {
|
||||
&, &:backdrop {
|
||||
border-top-left-radius: $wm_radius;
|
||||
|
||||
.maximized &,
|
||||
.tiled & { border-top-left-radius: $maximized_radius; }
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&, &:backdrop {
|
||||
border-top-right-radius: $wm_radius;
|
||||
|
||||
.maximized &,
|
||||
.tiled & { border-top-right-radius: $maximized_radius; }
|
||||
}
|
||||
}
|
||||
|
||||
stack & { // tackles the stacked headerbars case
|
||||
&:first-child, &:last-child {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
|
||||
window separator:first-child + &,
|
||||
window &:first-child { &:backdrop, & { border-top-left-radius: $wm_radius; }}
|
||||
window &:last-child { &:backdrop, & { border-top-right-radius: $wm_radius; }}
|
||||
|
||||
window stack & { // tackles the stacked headerbars case
|
||||
&:first-child, &:last-child {
|
||||
&:backdrop, & {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
window.tiled &,
|
||||
window.tiled-top &,
|
||||
window.tiled-right &,
|
||||
window.tiled-bottom &,
|
||||
window.tiled-left &,
|
||||
window.maximized & {
|
||||
&,
|
||||
&:first-child,
|
||||
&:last-child,
|
||||
&:only-child {
|
||||
border-top-left-radius: $maximized_radius;
|
||||
border-top-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
|
||||
window.fullscreen &,
|
||||
.solid-csd & {
|
||||
&,
|
||||
&:first-child,
|
||||
&:last-child,
|
||||
&:only-child {
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.titlebar {
|
||||
&, &.background {
|
||||
border-top-left-radius: $wm_radius;
|
||||
border-top-right-radius: $wm_radius;
|
||||
}
|
||||
|
||||
&, & headerbar {
|
||||
box-shadow: inset 0 1px $highlight_color;
|
||||
|
||||
.tiled &,
|
||||
.maximized &,
|
||||
.fullscreen & {
|
||||
box-shadow: none;
|
||||
|
||||
&, &.background {
|
||||
border-top-left-radius: $maximized_radius;
|
||||
border-top-right-radius: $maximized_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> box.left.horizontal,
|
||||
> box.right.horizontal {
|
||||
padding: 0 $container_padding;
|
||||
}
|
||||
}
|
||||
|
||||
window.background > box.vertical > headerbar:not(.titlebar) { // reset headerbar style for not CSD window
|
||||
border-radius: 0 0 0 0;
|
||||
box-shadow: none;
|
||||
|
||||
// Fixes split headerbars
|
||||
separator:first-child + &,
|
||||
&:first-child {
|
||||
&, &:backdrop {
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
&, &:backdrop {
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Fixes split headerbars too
|
||||
.titlebar:not(headerbar) {
|
||||
window > &,
|
||||
|
|
@ -2196,6 +2093,7 @@ popover.background {
|
|||
> arrow,
|
||||
> contents {
|
||||
padding: 0;
|
||||
color: $fg_color;
|
||||
background-clip: border-box;
|
||||
background-color: $menu_bg;
|
||||
box-shadow: 0 3px 6px 0 if($variant=='light', transparentize(black, 0.85), transparentize(black, 0.85)),
|
||||
|
|
@ -2329,6 +2227,7 @@ popover.menu {
|
|||
&.background > contents {
|
||||
background-color: $menu_bg;
|
||||
padding: $container_padding;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&.background separator {
|
||||
|
|
@ -2362,6 +2261,7 @@ popover.menu {
|
|||
padding: $container_padding / 3 $container_padding;
|
||||
border-radius: $mn_radius - $container_padding / 2;
|
||||
transition: none;
|
||||
color: $text_color;
|
||||
|
||||
&:focus {
|
||||
background-color: transparent;
|
||||
|
|
@ -2598,6 +2498,62 @@ notebook {
|
|||
}
|
||||
}
|
||||
|
||||
tabbox {
|
||||
@if $monterey == 'false' {
|
||||
background-color: darken($header_bg, 10%);
|
||||
box-shadow: inset 0 -1px $borders_color;
|
||||
} @else {
|
||||
background-color: $header_bg;
|
||||
border-bottom: 1px solid $borders_color;
|
||||
padding: 0 $container_padding / 2 $container_padding / 2;
|
||||
}
|
||||
|
||||
> tab {
|
||||
@if $monterey == 'false' {
|
||||
@extend %tabs_tab;
|
||||
border-top: none;
|
||||
border-top: 1px solid $borders_color;
|
||||
&:checked { border-top-color: $header_bg; }
|
||||
} @else {
|
||||
@extend %monterey_tab;
|
||||
|
||||
+ tab {
|
||||
margin-left: $container_padding / 2;
|
||||
}
|
||||
}
|
||||
|
||||
button.tab-close-button {
|
||||
border-radius: 3px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
@extend %flat_button;
|
||||
|
||||
@if $monterey == 'false' {
|
||||
min-height: $small_size;
|
||||
min-width: $small_size;
|
||||
margin-top: 2px;
|
||||
margin-bottom: 2px;
|
||||
} @else {
|
||||
min-height: 16px;
|
||||
min-width: 16px;
|
||||
margin-top: 4px;
|
||||
margin-bottom: 4px;
|
||||
margin-right: -$container_padding;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $fg_color;
|
||||
background-color: rgba($borders_color, 0.1);
|
||||
}
|
||||
|
||||
&:active, &:active:hover {
|
||||
color: if($variant == 'light', darken($fg_color, 10%), lighten($fg_color, 10%));
|
||||
background-color: rgba($borders_color, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Scrollbars
|
||||
//
|
||||
|
|
@ -3404,17 +3360,13 @@ separator {
|
|||
//
|
||||
// Lists
|
||||
//
|
||||
listview,
|
||||
list {
|
||||
background-color: $base_color;
|
||||
border-color: $borders_color;
|
||||
// border-radius: $wm_radius;
|
||||
color: $fg_color;
|
||||
|
||||
> row {
|
||||
padding: 2px;
|
||||
|
||||
// &:first-child { border-radius: $bt_radius $bt_radius 0 0; }
|
||||
// &:last-child { border-radius: 0 0 $bt_radius $bt_radius; }
|
||||
}
|
||||
|
||||
&.content:not(.conversation-listbox) {
|
||||
|
|
@ -3425,10 +3377,37 @@ list {
|
|||
}
|
||||
}
|
||||
|
||||
&.boxed-list {
|
||||
@extend %circular_list;
|
||||
|
||||
> row {
|
||||
@extend %circular_row;
|
||||
|
||||
&.expander {
|
||||
list {
|
||||
background-color: transparent;
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
|
||||
> row {
|
||||
@extend %circular_row;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> row.expander { padding: 0px; }
|
||||
> row.expander .row-header { padding: 2px; }
|
||||
}
|
||||
|
||||
listview.view {
|
||||
color: $fg_color;
|
||||
background-color: transparent;
|
||||
|
||||
popover.menu & { padding: 0; }
|
||||
}
|
||||
|
||||
%row_activatable {
|
||||
&.has-open-popup,
|
||||
&:hover { background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05)); }
|
||||
|
|
@ -4335,6 +4314,10 @@ stackswitcher {
|
|||
|
||||
window {
|
||||
border-width: 0;
|
||||
outline-color: $highlight_color;
|
||||
outline-offset: -1px;
|
||||
outline-style: solid;
|
||||
outline-width: 1px;
|
||||
|
||||
&.csd {
|
||||
transition: $shadow_transition;
|
||||
|
|
@ -4374,12 +4357,8 @@ window {
|
|||
|
||||
&.maximized,
|
||||
&.fullscreen,
|
||||
&.tiled,
|
||||
&.tiled-top,
|
||||
&.tiled-left,
|
||||
&.tiled-right,
|
||||
&.tiled-bottom {
|
||||
border-radius: 0;
|
||||
&:backdrop {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
&.popup { box-shadow: none; }
|
||||
|
|
|
|||
Loading…
Reference in a new issue