Fix#622: search icon overlapp fix changed scss

ShirshenduR · ShirshenduR · commit 8a50718ac3e8 · 2025-07-05T11:12:11.000+05:30
Signed-off-by: Shirshendu R Tripathi &lt;shirsh8924@gmail.com&gt;
diff --git a/assets/scss/_search_project.scss b/assets/scss/_search_project.scss
@@ -95,6 +95,8 @@
     .td-search__icon {
       display: flex;
       color: $input-placeholder-color;
+      background-color: var(--bs-body-bg);
+      padding-right: 0.2rem;      
     }
   }
 }
diff --git a/layouts/partials/search-input-nav.html b/layouts/partials/search-input-nav.html
@@ -33,12 +33,6 @@
 {{ $offlineSearchLink := $offlineSearchIndex.RelPermalink -}}
 
 <div class="td-search td-search--offline">
-  <style>
-    .td-search--offline:focus-within .td-search__icon {
-      background-color: var(--bs-body-bg);
-      padding-right: 0.2rem;
-    }
-  </style>
   <div class="td-search__icon"></div>
   <input
     type="search"

Original file line number	Diff line number	Diff line change
`@@ -95,6 +95,8 @@`
`95`	`95`	`.td-search__icon {`
`96`	`96`	`display: flex;`
`97`	`97`	`color: $input-placeholder-color;`
	`98`	`+ background-color: var(--bs-body-bg);`
	`99`	`+ padding-right: 0.2rem;`
`98`	`100`	`}`
`99`	`101`	`}`
`100`	`102`	`}`