Merge pull request #512 from brightlayer-ui/bug/x

Remove "X" from the search field
etn-ccis · Jan 17, 2022 · 697d37d · 697d37d
2 parents 180ac0a + af6bc9f
commit 697d37d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/src/app/pages/SearchBar.tsx b/src/app/pages/SearchBar.tsx
@@ -255,11 +255,13 @@ export const SearchBar: React.FC<SearchbarProps> = (props) => {
                                     field.remove();
                                 }
                             }}
+                            inputProps={{ style: { height: theme.spacing(7) } }}
                         />
                     )}
                     <IconButton
                         onClick={(): void => {
                             dismissSearchBar();
+                            setInputString('');
                         }}
                         edge={'end'}
                     >

diff --git a/src/index.css b/src/index.css
@@ -34,6 +34,13 @@ q:after {
     padding: 0;
 }
 
+input[type='search']::-webkit-search-decoration,
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-results-button,
+input[type='search']::-webkit-search-results-decoration {
+    display: none;
+}
+
 blockquote > p:last-child {
     margin-bottom: 0;
 }