VUU-17: Adjust radio icon styling

ScottLogic · Aug 31, 2023 · 7af9ecc · 7af9ecc
1 parent e2bc0f4
commit 7af9ecc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/vuu-ui/packages/vuu-ui-controls/src/inputs/RadioButton.css b/vuu-ui/packages/vuu-ui-controls/src/inputs/RadioButton.css
@@ -12,7 +12,7 @@
 
 .radio {
   position: relative;
-  height: 14px;
+  height: 12px;
 }
 
 input[type="radio"] {

diff --git a/vuu-ui/packages/vuu-ui-controls/src/list/CheckboxIcon.css b/vuu-ui/packages/vuu-ui-controls/src/list/CheckboxIcon.css
@@ -1,5 +1,5 @@
 .vuuCheckboxIcon {
-    --vuu-icon-size: 14px;
+    --vuu-icon-size: 12px;
     --vuu-icon-left: -1px;
     --vuu-icon-top: -1px;
     --vuu-icon-svg: var(--vuu-svg-tick);
@@ -8,9 +8,9 @@
     border-radius: var(--vuuCheckboxIcon-borderRadius, 3px);
     border-width: 1px;
     display: inline-block;
-    height: var(--vuuCheckboxIcon-size, 14px);
+    height: var(--vuuCheckboxIcon-size, 12px);
     position: relative;
-    width: var(--vuuCheckboxIcon-size, 14px);
+    width: var(--vuuCheckboxIcon-size, 12px);
 }
 
 .vuuCheckboxIcon-checked {

diff --git a/vuu-ui/packages/vuu-ui-controls/src/list/RadioIcon.css b/vuu-ui/packages/vuu-ui-controls/src/list/RadioIcon.css
@@ -8,15 +8,15 @@
     border-radius: 50%;
     border-width: 1px;
     display: inline-block;
-    height: var(--vuuRadioIcon-size, 14px);
+    height: var(--vuuRadioIcon-size, 12px);
     position: relative;
-    width: var(--vuuRadioIcon-size, 14px);
+    width: var(--vuuRadioIcon-size, 12px);
 }
 
 .vuuRadioIcon-checked {
-    background-color: var(--vuuRadioIcon-background-checked, var(--salt-selectable-background-selected));
     background-image: var(--vuu-svg-radio);
-    border-color: var(--vuuRadioIcon-borderColor-checked, var(--salt-selectable-borderColor-selected));
+    border: none;
+    background-repeat: no-repeat;
 }
 
 .vuuRadioIcon-checked:after {