fix: searchbar ui fix

hellof2e · Nov 10, 2022 · eea6268 · eea6268
1 parent 17a171d
commit eea6268
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/packages/quark/src/search/index.tsx b/packages/quark/src/search/index.tsx
@@ -212,12 +212,10 @@ class QuarkSearch extends QuarkElement {
             )}
           </div>
         </div>
-        {!this.hideaction && (
-          <slot name="action">
-            <div class="quark-search-action" onClick={this.actionEvent}>
-              {this.actiontext}
-            </div>
-          </slot>
+        {!this.hideaction && this.actiontext && (
+          <div class="quark-search-action" onClick={this.actionEvent}>
+            <slot name="action">{this.actiontext}</slot>
+          </div>
         )}
       </div>
     );

diff --git a/packages/quark/src/search/style.css b/packages/quark/src/search/style.css
@@ -91,12 +91,11 @@ input::-webkit-search-cancel-button {
 }
 
 .quark-search-action {
-  margin-left: 16px;
+  margin-left: var(--search-action-text-margin-left, 16px);
   font-weight: 400;
   color: var(--search-action-text-color, quark-formBaseColor);
   font-size: var(--search-action-font-size, quark-fontSizeCaption);
   line-height: 32px;
-  cursor: pointer;
 }
 
 .quark-search-dark {