luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Gtk-4: Fix popovers style

Browse Source
This commit is contained in:
EliverLara
2021-12-05 14:29:36 -06:00
parent e44bc5d010
commit 8a1415fd7c
3 changed files with 160 additions and 137 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
gtk-4.0/widgets/_popovers.scss
View File

@@ -2,44 +2,65 @@
* Popovers *
***************/
popover.background {
padding: 2px;
border-radius: 5px;
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
popover.background {
.csd &, & { border: 1px solid $borders_color; }
background: transparent;
font: initial;
box-shadow: 0 4px 6px $menu_shadow_color;
> arrow,
> contents {
$_popover_border: if($variant=='light', transparentize(black, 0.77), transparentize(black, 0.25));
background: if( $variant == 'light', linear-gradient(to bottom, #fff 20%, #fff), linear-gradient(to bottom, lighten($bg_color, 2%), darken($bg_color, 2%)));
background-clip: padding-box;
border: 1px solid $borders_color;
box-shadow: 0 4px 6px $menu_shadow_color;
}
&:backdrop {
background-color: $backdrop_bg_color;
background-color: transparent;
box-shadow: none;
}
> list,
> .view,
> toolbar {
border-style: none;
background-color: transparent;
> contents {
padding: 8px;
border-radius: 5px;
> list,
> .view,
> toolbar {
border-style: none;
background-color: transparent;
}
separator {
background-color: mix($bg_color, $borders_color, 30%);
margin: 3px;
}
list separator { margin: 0; }
}
.csd &, & {
&.touch-selection,
&.magnifier {
.osd &,
&.touch-selection,
&.magnifier {
background-color: transparent;
> arrow,
> contents {
@extend %osd;
border: 1px solid transparentize(white, 0.9);
button { @extend %osd_button };
box-shadow: none;
}
&.osd { @extend %osd; }
}
separator { margin: 3px; }
list separator { margin: 0px; }
checkbutton,
radiobutton { @extend modelbutton.flat; }
&.touch-selection,
&.magnifier {
button { @extend %osd_button; }
}
}
magnifier {
background-color: $base_color;
}