#6008 fixed styles

surveyjs · Nov 1, 2024 · 50939ba · 50939ba
1 parent 8507958
commit 50939ba
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/packages/survey-creator-core/src/components/toolbox/toolbox-search.scss b/packages/survey-creator-core/src/components/toolbox/toolbox-search.scss
@@ -2,11 +2,11 @@
 
 .svc-toolbox {
   .svc-search {
-    background: var(--ctr-toolbox-background-color, $background-dim);
     padding-top: var(--ctr-toolbox-search-padding-top, calcSize(2.5));
     padding-inline-end: var(--ctr-toolbox-search-padding-right, calcSize(2));
     padding-bottom: var(--ctr-toolbox-search-padding-bottom, calcSize(2.5));
     padding-inline-start: var(--ctr-toolbox-search-padding-left, calcSize(3));
+    gap: var(--ctr-toolbox-search-gap, calcSize(1));
     height: unset;
 
     width: unset;
@@ -22,4 +22,18 @@
       }
     }
   }
+
+  .svc-search__search-icon {
+    width: var(--ctr-toolbox-search-icon-width, calcSize(3));
+    height: var(--ctr-toolbox-search-icon-height, calcSize(3));
+
+    .sv-svg-icon {
+      width: var(--ctr-toolbox-search-icon-width, calcSize(3));
+      height: var(--ctr-toolbox-search-icon-height, calcSize(3));
+
+      use {
+        fill: var(--ctr-toolbox-search-icon-color, $foreground-light);
+      }
+    }
+  }
 }
diff --git a/packages/survey-creator-core/src/property-grid-theme/blocks/spg-search-editor.scss b/packages/survey-creator-core/src/property-grid-theme/blocks/spg-search-editor.scss
@@ -1,11 +1,5 @@
 @import "../variables.scss";
 .svc-side-bar {
-  .svc-search {
-    // TODO remove v2
-    --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
-    --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
-  }
-
   .svc-search {
     border-bottom: 1px solid var(--ctr-property-grid-search-border-color, $border);
     background: var(--ctr-property-grid-search-background-color, $background-dim);