chore: Use classname to move inline colors to variables - refs #157127

eea · Jul 12, 2023 · a082719 · a082719
1 parent 78bfad7
commit a082719
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/SearchBlock/BlockContainer/SlotEditor.jsx b/src/SearchBlock/BlockContainer/SlotEditor.jsx
@@ -41,7 +41,7 @@ export default function SlotEditor(props) {
                   icon
                   compact
                   basic
-                  color={hasData ? 'red' : null}
+                  className={hasData ? 'redMenuButton' : null}
                   onClick={() => setActiveIndex(index)}
                 >
                   {label}

diff --git a/src/SearchBlock/edit.less b/src/SearchBlock/edit.less
@@ -1,4 +1,8 @@
 @import '~./less/variables.less';
+@import (multiple, reference, optional) '../../theme.config';
+
+@type: extra;
+@element: custom;
 
 @overlayZIndex: 1;
 
@@ -20,6 +24,12 @@
       border: none;
     }
 
+    .redMenuButton {
+      color: @red !important;
+      box-shadow: none !important;
+      font-weight: bold;
+    }
+
     .ui.basic.button {
       border: 0px;