Skip to content

Commit e849bfd

Browse files
committed
chore: hide search cancel button when not focused
1 parent 8ff93d3 commit e849bfd

File tree

2 files changed

+9
-0
lines changed

2 files changed

+9
-0
lines changed

.changeset/khaki-ghosts-ask.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"r.obin.ch": patch
3+
---
4+
5+
Hide search cancel button when not focused

src/layouts/DefaultLayout.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -160,6 +160,10 @@ body > header {
160160
outline: none;
161161
}
162162

163+
input:not(:focus)::-webkit-search-cancel-button {
164+
display: none;
165+
}
166+
163167
input::-webkit-search-cancel-button {
164168
-webkit-appearance: none;
165169
appearance: none;

0 commit comments

Comments
 (0)