From 49393b4b6aae1440946eaa1bd285c047572d5a20 Mon Sep 17 00:00:00 2001
From: 3y3 <3y3@ya.ru>
Date: Wed, 16 Oct 2024 17:38:03 +0300
Subject: [PATCH] fix: Fix Search close button for mobile

---
 package-lock.json                  | 8 ++++----
 package.json                       | 2 +-
 src/components/Search/Suggest.scss | 9 +++++----
 src/components/Search/Suggest.tsx  | 1 +
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 1c4cd93..b4dba87 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,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",
@@ -1964,9 +1964,9 @@
       }
     },
     "node_modules/@diplodoc/components": {
-      "version": "4.15.3",
-      "resolved": "https://registry.npmjs.org/@diplodoc/components/-/components-4.15.3.tgz",
-      "integrity": "sha512-ddyTozhxBkxx0c3o1P/qDblNK3u2L2DvYSx2FVna2Ub+eunUogogv+yPcJgIdm53iExtvgiswsPjvgq70SGKDg==",
+      "version": "4.15.4",
+      "resolved": "https://registry.npmjs.org/@diplodoc/components/-/components-4.15.4.tgz",
+      "integrity": "sha512-i15G2jfmEqRNOXuoiQ6wuUftN4yhOcMDmxTLuh2HYX65/3nh6ByKcQgV2XIETjJorgv/syFA+2mZfWJIszvQaQ==",
       "dev": true,
       "hasInstallScript": true,
       "license": "MIT",
diff --git a/package.json b/package.json
index 879b14b..449018d 100644
--- 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
index 01ec1c2..66bc88a 100644
--- 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
index 2ee03ab..3b02eb5 100644
--- 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}
         />
     );