Use style instead of hard coded color for nested button to apply them…

…e properly
luc-github · Jun 17, 2024 · 62c6dcc · 62c6dcc
1 parent 06c7ed9
commit 62c6dcc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/Controls/Fields/Input.js b/src/components/Controls/Fields/Input.js
@@ -294,10 +294,10 @@ const Input = ({
                     onInput={onInput}
                 />
                 <ButtonImg
-                    class="input-group-btn"
+                    class="input-group-btn nested-button"
                     ltooltip
                     data-tooltip={T("S40")}
-                    icon={<Search color="blue" />}
+                    icon={<Search />}
                     onClick={(e) => {
                         useUiContextFn.haptic()
                         e.target.blur()

diff --git a/src/style/components/_control.scss b/src/style/components/_control.scss
@@ -558,3 +558,8 @@ a label {
     color: #fff;
     border: 0;
 }
+
+.nested-button {
+   color:blue!important;
+   background-color: #f1f1fc;
+}