mirrors/Hyperpipe
1
0
Fork 0
mirror of https://codeberg.org/Hyperpipe/Hyperpipe synced 2025-06-28 05:08:00 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add outline and cancel button to Search input

Browse source
This commit is contained in:
Denevola 2022-09-28 00:26:11 +09:00
parent d7d7de15e4
commit 70c9ab9520
3 changed files with 16 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/assets/base.css
View file

@ -208,6 +208,20 @@ select:focus {
outline: 0.1rem solid var(--color-foreground);
}
/* Search cancel button */
::-webkit-search-cancel-button {
-webkit-appearance: none;
height: 1.5rem;
margin: 0 0.5em;
padding: 0.1rem;
border-radius: 0.25rem;
cursor: pointer;
content: url('/x-lg.svg');
}
::-webkit-search-cancel-button:hover {
background-color: var(--color-border);
}
/* Components and Helpers */
.bi {