Adrien/actuel-inactuel
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

add icon to search field

Browse source
This commit is contained in:
isUnknown 2024-04-09 17:10:43 +02:00
parent 4a742b81ec
commit 4a310dcbbe
7 changed files with 57 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

4
assets/css/src/html.css
View file

@ -30,6 +30,10 @@ nav hr {
margin-left: 0;
}
input[type="text"]:focus-visible {
outline: none;
}
/* ================= SCROLLBAR ================= */
body,
html {

23
assets/css/src/nav.css
View file

@ -61,7 +61,28 @@
overflow: auto;
}
.panel > ul {
.search {
position: relative;
}
.search__input {
width: 100%;
background-color: transparent;
border: none;
border-bottom: 1px solid #fff;
color: #fff;
font-size: var(--font-size-m);
font-weight: var(--font-weight-light);
margin-bottom: var(--unit--vertical);
}
.search__icon {
position: absolute;
width: 1.1rem;
height: 1.1rem;
top: 0;
right: calc(var(--unit--horizontal) / 2);
}
.panel__result .panel__items {
margin-bottom: calc(var(--unit--vertical) * 4);
}