add clear search input button
This commit is contained in:
parent
2f8ceb831e
commit
53b72e85b9
3 changed files with 21 additions and 4 deletions
|
|
@ -70,8 +70,10 @@
|
|||
padding-top: calc(var(--unit--vertical) * 5);
|
||||
}
|
||||
.search__input {
|
||||
all: unset;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
padding-bottom: calc(var(--unit--vertical) / 4);
|
||||
border: none;
|
||||
border-bottom: 1px solid #fff;
|
||||
|
|
@ -84,11 +86,17 @@
|
|||
letter-spacing: 1px;
|
||||
}
|
||||
.search__icon {
|
||||
all: unset;
|
||||
position: absolute;
|
||||
width: 1.1rem;
|
||||
height: 1.1rem;
|
||||
bottom: calc(var(--unit--vertical) / 4);
|
||||
right: calc(var(--unit--horizontal) / 2);
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
padding: 0.5rem;
|
||||
bottom: 0;
|
||||
right: calc(var(--unit--horizontal) / 6);
|
||||
transform: translateX(0.5rem);
|
||||
}
|
||||
button.search__icon {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.panel__items {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue