Merge pull request #1983 from IDEMSInternational/fix/checkbox-style-r…

…ectangle Fix: checkbox width shrinking issue
IDEMSInternational · Jul 19, 2023 · ae4edd1 · ae4edd1
2 parents 991a333 + baa7e20
commit ae4edd1
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/app/shared/components/template/components/simple-checkbox/simple-checkbox.component.scss b/src/app/shared/components/template/components/simple-checkbox/simple-checkbox.component.scss
@@ -16,8 +16,9 @@
     --border-width: var(--checkbox-border-width);
     --background: var(--ion-color-primary-contrast);
     --border-radius: var(--checkbox-border-radius);
-    --size: var(--checkbox-border-size);
+    --size: var(--checkbox-size);
     margin: 0 var(--small-margin);
+    min-width: var(--checkbox-size);
   }
 
   label {

diff --git a/src/theme/variables.scss b/src/theme/variables.scss
@@ -102,7 +102,7 @@
   // Checkbox //
   --checkbox-border-width: 2px;
   --checkbox-border-radius: 5px;
-  --checkbox-border-size: 39px;
+  --checkbox-size: 39px;   
   --checkbox-label-max-width: 290px;
 
   // Text box //