From 64e2ac5b5c3140ee61fc29e446be97170cf059e9 Mon Sep 17 00:00:00 2001 From: vinceliuice Date: Fri, 13 Oct 2023 07:27:31 +0800 Subject: [PATCH] update --- src/sass/gtk/_common-3.0.scss | 12 +++++++++--- src/sass/gtk/_common-4.0.scss | 14 ++++++++++---- 2 files changed, 19 insertions(+), 7 deletions(-) diff --git a/src/sass/gtk/_common-3.0.scss b/src/sass/gtk/_common-3.0.scss index 088abb88..46302288 100644 --- a/src/sass/gtk/_common-3.0.scss +++ b/src/sass/gtk/_common-3.0.scss @@ -66,8 +66,8 @@ $side_style_shadow: linear-gradient(to left, rgba(black, if($variant == 'light', } $list_shadow: if($variant == 'light', - (inset 0 0 8px rgba(black, 0.02), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), - (inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); + (inset 0 0 8px rgba(black, 0.01), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), + (inset 0 0 8px rgba(white, 0.01), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); %circular_list { border-radius: $bd_radius; @@ -99,7 +99,7 @@ $list_shadow: if($variant == 'light', border-radius: $bd_radius; } - + row { + & + row { border-top: 1px solid transparent; border-image: linear-gradient(to right, transparent 0%, @@ -109,6 +109,12 @@ $list_shadow: if($variant == 'light', transparent 98%, transparent 100%) 1 0 0 0 / 1px 0 0 0 stretch; } + + &:hover, &:active, &:selected { + &, & + row { + border-image: none; + } + } } %sidebar_row { diff --git a/src/sass/gtk/_common-4.0.scss b/src/sass/gtk/_common-4.0.scss index c6771ade..05ef7c25 100644 --- a/src/sass/gtk/_common-4.0.scss +++ b/src/sass/gtk/_common-4.0.scss @@ -35,8 +35,8 @@ $cakeisalie: "This stylesheet is generated, DO NOT EDIT"; } $list_shadow: if($variant == 'light', - (inset 0 0 8px rgba(black, 0.02), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), - (inset 0 0 8px rgba(white, 0.03), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); + (inset 0 0 8px rgba(black, 0.01), inset 0 0 3px rgba(black, 0.01), inset 0 0 0 1px rgba(black, 0.04), inset 0 1px rgba(black, 0.05)), + (inset 0 0 8px rgba(white, 0.01), inset 0 0 3px rgba(white, 0.02), inset 0 0 0 1px rgba(white, 0.04), inset 0 1px rgba(white, 0.06))); %circular_list { border-radius: $bd_radius; @@ -68,7 +68,7 @@ $list_shadow: if($variant == 'light', border-radius: $bd_radius; } - + row { + & + row { border-top: 1px solid transparent; border-image: linear-gradient(to right, transparent 0%, @@ -78,6 +78,12 @@ $list_shadow: if($variant == 'light', transparent 98%, transparent 100%) 1 0 0 0 / 1px 0 0 0 stretch; } + + &:hover, &:active, &:selected { + &, & + row { + border-image: none; + } + } } %sidebar_row { @@ -920,7 +926,7 @@ button { @at-root %pill_button, &.pill { - padding: $container_padding * 1.5 $container_padding * 5; + padding: $container_padding $container_padding * 3; border-radius: $circular_radius; }