fix: Fix Search close button for mobile

diplodoc-platform · Oct 16, 2024 · 49393b4 · 49393b4
1 parent 4e1d198
commit 49393b4
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,7 +48,7 @@
   },
   "devDependencies": {
     "@diplodoc/babel-preset": "^1.0.2",
-    "@diplodoc/components": "^4.15.3",
+    "@diplodoc/components": "^4.15.4",
     "@diplodoc/lint": "^1.1.1",
     "@diplodoc/openapi-extension": "^2.3.3",
     "@diplodoc/tsconfig": "^1.0.2",

diff --git a/src/components/Search/Suggest.scss b/src/components/Search/Suggest.scss
@@ -27,10 +27,6 @@
     }
 
     &__input {
-        --g-text-input-border-color: var(--g-color-line-generic-accent);
-        --g-text-input-border-color-hover: var(--g-color-line-generic-accent-hover);
-        --g-text-input-placeholder-color: var(--g-color-text-hint);
-
         & input::placeholder {
             transition: color 0.1s;
         }
@@ -49,6 +45,11 @@
         min-width: 36px;
         max-width: 36px;
 
+        &__end {
+            display: block;
+            color: var(--g-color-text-complementary);
+        }
+
         .dc-root_focused-search & {
             min-width: 100%;
             max-width: 100%;

diff --git a/src/components/Search/Suggest.tsx b/src/components/Search/Suggest.tsx
@@ -47,6 +47,7 @@ export function Suggest() {
             endContent={<SearchButton />}
             className={b('input')}
             classNameContainer={b()}
+            classNameClose={b('close')}
             closeButton={true}
         />
     );