Fixed issues

src/assets/gtk/scalable/checkbox-checked-big-symbolic.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="112" height="112" version="1.1" viewBox="0 0 112 112" xmlns="http://www.w3.org/2000/svg">
+ <path d="m85.29 24.976a6.0013 6.0016 0 0 0-8.2987 1.7348l-29.741 45.497-12.8-14.223a6.0013 6.0016 0 0 0-8.4706-0.43763 6.0013 6.0016 0 0 0-0.43761 8.4711l18.004 20.005a6.0019 6.0022 0 0 0 9.4708-0.73458l34.007-52.014a6.0013 6.0016 0 0 0-1.7348-8.2991z" stroke-width="8.002"/>
+</svg>

src/main/gtk-3.0/gtk.gresource.xml

@@ -190,6 +190,7 @@
     <file>windows-assets/titlebutton-restore-active-dark.png</file>
     <file>windows-assets/titlebutton-restore-active-dark@2.png</file>
     <file>assets/scalable/checkbox-checked-symbolic.svg</file>
+    <file>assets/scalable/checkbox-checked-big-symbolic.svg</file>
     <file>assets/scalable/checkbox-mixed-symbolic.svg</file>
     <file>assets/scalable/radio-checked-symbolic.svg</file>
     <file>assets/scalable/combobox-arrow-symbolic.svg</file>

src/main/gtk-3.0/make_gresource_xml.sh

@@ -33,6 +33,7 @@ do
 done
 
 echo "    <file>assets/scalable/checkbox-checked-symbolic.svg</file>" >> gtk.gresource.xml
+echo "    <file>assets/scalable/checkbox-checked-big-symbolic.svg</file>" >> gtk.gresource.xml
 echo "    <file>assets/scalable/checkbox-mixed-symbolic.svg</file>" >> gtk.gresource.xml
 echo "    <file>assets/scalable/radio-checked-symbolic.svg</file>" >> gtk.gresource.xml
 echo "    <file>assets/scalable/combobox-arrow-symbolic.svg</file>" >> gtk.gresource.xml

src/other/firefox/WhiteSur/parts/buttons.css

@@ -255,6 +255,7 @@ button.close,
 	min-height: 32px !important;
 	min-width: 32px !important;
 	border-radius: 100% !important;
+	outline: none !important;
 }
 
 /* Combined buttons */

src/sass/gtk/_common-3.0.scss

@@ -1405,9 +1405,9 @@ actionbar {
     background-color: darken($bg_color, 3%);
   }
 
-  // .background.csd revealer > & > revealer > box,
   .background.csd > box.vertical > & > revealer > box,
-  .background.csd > box > box > box > & > revealer > box {
+  .background.csd > box > box > box > & > revealer > box,
+  .background.csd stack revealer > & > revealer > box {
     border-radius: 0 0 $wm_radius $wm_radius;
   }
 }
@@ -2818,13 +2818,6 @@ switch {
 //
 // Check and Radio items
 //
-.view.content-view.check:not(list),
-.content-view .tile check:not(list) {
-  min-height: 40px;
-  min-width: 40px;
-  margin: 0;
-  padding: 0;
-}
 
 checkbutton, radiobutton {
   // this is for a nice focus on check and radios text
@@ -2846,12 +2839,23 @@ $check_radio_border: if($variant == 'light', rgba(black, 0.2), rgba(black, 0.1))
 $check_radio_image: if($colorscheme == 'nord', linear-gradient(0deg, #59647b 0%, #475061 100%), linear-gradient(0deg, #6a6a6a 0%, #545454 100%));
 $check_radio_checked_image: linear-gradient(0deg, darken($selected_bg_color, 5%) 0%, lighten($selected_bg_color, 5%) 100%);
 
-check,
+%check,
+check {
+  border-radius: 3px;
+
+  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); }
+  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); }
+}
+
+%radio,
 radio {
-  min-width: 14px;
+  border-radius: $circular_radius;
-  min-height: 14px;
+
-  margin: 3px;
+  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); }
-  padding: 0;
+  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); }
+}
+
+%check_and_radio {
   color: transparent;
   background-color: $base_color;
   transition: $button_transition;
@@ -2932,6 +2936,27 @@ radio {
       } @else { box-shadow: none; }
     }
   }
+}
+
+.view.content-view.check:not(list),
+.content-view .tile check:not(list) {
+  min-height: 40px;
+  min-width: 40px;
+  margin: 0;
+  padding: 0;
+  border-radius: $bt_radius;
+  @extend %check_and_radio;
+
+  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-big-symbolic.svg")); }
+}
+
+check,
+radio {
+  min-width: 14px;
+  min-height: 14px;
+  margin: 3px;
+  padding: 0;
+  @extend %check_and_radio;
 
   menu menuitem & {
     margin: 0;
@@ -2941,22 +2966,6 @@ radio {
   }
 }
 
-%check,
-check {
-  border-radius: 3px;
-
-  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-checked-symbolic.svg")); }
-  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/checkbox-mixed-symbolic.svg")); }
-}
-
-%radio,
-radio {
-  border-radius: $circular_radius;
-
-  &:checked { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-checked-symbolic.svg")); }
-  &:indeterminate { -gtk-icon-source: -gtk-recolor(url("assets/scalable/radio-mixed-symbolic.svg")); }
-}
-
 //
 // GtkScale
 //