[libadwaita/wip/snwh/checks] stylesheet: Use small checks everywhere



commit 29f756dece4b48e354042ef8f77cca733aa7fc2e
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Mon Dec 6 00:43:58 2021 +0500

    stylesheet: Use small checks everywhere

 src/stylesheet/widgets/_checks.scss | 32 ++++++++++----------------------
 src/stylesheet/widgets/_menus.scss  | 11 -----------
 2 files changed, 10 insertions(+), 33 deletions(-)
---
diff --git a/src/stylesheet/widgets/_checks.scss b/src/stylesheet/widgets/_checks.scss
index 3183cd83..6dcab1fa 100644
--- a/src/stylesheet/widgets/_checks.scss
+++ b/src/stylesheet/widgets/_checks.scss
@@ -18,9 +18,10 @@ checkbutton {
 
 check,
 radio {
-  min-height: 20px;
-  min-width: 20px;
-  -gtk-icon-size: 20px;
+  min-height: 14px;
+  min-width: 14px;
+  -gtk-icon-size: 14px;
+  padding: 3px;
 
   @if $contrast == 'high' {
     box-shadow: inset 0 0 0 2px $border_color;
@@ -74,20 +75,20 @@ radio {
 check {
   border-radius: $button_radius;
 
-  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-symbolic.symbolic.png")),
-                                            -gtk-recolor(url("assets/check 2-symbolic symbolic png"))); }
+  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/check-small-symbolic.symbolic.png")),
+                                            -gtk-recolor(url("assets/check-small 2-symbolic symbolic 
png"))); }
 }
 
 radio {
   border-radius: 100%;
 
-  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-symbolic.symbolic.png")),
-                                            -gtk-recolor(url("assets/bullet 2-symbolic symbolic png"))); }
+  &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-small-symbolic.symbolic.png")),
+                                            -gtk-recolor(url("assets/bullet-small 2-symbolic symbolic 
png"))); }
 }
 
 check, radio {
-  &:indeterminate { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/dash-symbolic.symbolic.png")),
-                                                  -gtk-recolor(url("assets/dash 2-symbolic symbolic png"))); 
}
+  &:indeterminate { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/dash-small-symbolic.symbolic.png")),
+                                                  -gtk-recolor(url("assets/dash-small 2-symbolic symbolic 
png"))); }
 }
 
 checkbutton.selection-mode {
@@ -95,22 +96,9 @@ checkbutton.selection-mode {
 
   check, radio {
     padding: 7px;
-    min-width: 14px;
-    min-height: 14px;
-    -gtk-icon-size: 14px;
     border-radius: 100px;
   }
 
-  check:checked  { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/check-small-symbolic.symbolic.png")),
-                                                 -gtk-recolor(url("assets/check-small 2-symbolic symbolic 
png"))); }
-
-  radio:checked  { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/bullet-small-symbolic.symbolic.png")),
-                                                 -gtk-recolor(url("assets/bullet-small 2-symbolic symbolic 
png"))); }
-
-  check:indeterminate,
-  radio:indeterminate { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/dash-small-symbolic.symbolic.png")),
-                                                      -gtk-recolor(url("assets/dash-small 2-symbolic 
symbolic png"))); }
-
   label {
     &:dir(ltr) { margin-right: 6px; }
     &:dir(rtl) { margin-left: 6px; }
diff --git a/src/stylesheet/widgets/_menus.scss b/src/stylesheet/widgets/_menus.scss
index b92d31c6..116d6742 100644
--- a/src/stylesheet/widgets/_menus.scss
+++ b/src/stylesheet/widgets/_menus.scss
@@ -95,22 +95,11 @@ popover.menu {
     }
   }
 
-  check:checked { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/check-small-symbolic.symbolic.png")),
-                                                -gtk-recolor(url("assets/check-small 2-symbolic symbolic 
png"))); }
-
   //only menu radios have a border
   radio {
     padding: 1px;
     border: 1px solid gtkalpha(currentColor, $dimmer_opacity);
     box-shadow: none;
-
-    &:checked { -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/bullet-small-symbolic.symbolic.png")),
-                                              -gtk-recolor(url("assets/bullet-small 2-symbolic symbolic 
png"))); }
-  }
-
-  check, radio {
-    &:indeterminate { -gtk-icon-source: 
-gtk-scaled(-gtk-recolor(url("assets/dash-small-symbolic.symbolic.png")),
-                                                    -gtk-recolor(url("assets/dash-small 2-symbolic symbolic 
png"))); }
   }
 
   check,


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]