Add column-style-checkbox css variables

finos · Feb 4, 2022 · 02160b6 · 02160b6
1 parent 910799a
commit 02160b6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/rust/perspective-viewer/src/less/column-style.less b/rust/perspective-viewer/src/less/column-style.less
@@ -64,21 +64,21 @@
     }
 
     input[type="checkbox"] {
-        appearance: none;
+        appearance: var(--column-style-checkbox--appearance, auto);
         font-family: var(--button--font-family, inherit);
         font-size: 16px;
         text-align: center;
 
         &:checked:after {
-            content: "\E834";
+            content: var(--column-style-checkbox-checked--content, none);
         }
 
         &:not([disabled]):checked:after {
             color: var(--active--color, red);
         }
 
         &:after {
-            content: "\E835";
+            content: var(--column-style-checkbox-unchecked--content, none);
             color: var(--inactive--color, #999);
         }
     }

diff --git a/rust/perspective-viewer/src/themes/material.less b/rust/perspective-viewer/src/themes/material.less
@@ -41,6 +41,9 @@ perspective-expression-editor[theme="Material Light"],
     --column-style-radio--appearance: none;
     --column-style-radio-checked--content: "radio_button_checked";
     --column-style-radio-unchecked--content: "radio_button_unchecked";
+    --column-style-checkbox--appearance: none;
+    --column-style-checkbox-checked--content: "check_box";
+    --column-style-checkbox-unchecked--content: "check_box_outline_blank";
 }
 
 .perspective-viewer-material--dimensions {