Ajout d'une croix permettant de fermer les resultats de recherche

This commit is contained in:
EpicKiwi 2026-06-14 12:57:18 +02:00
parent 03f5bf0215
commit 8fda06c77f
Signed by: epickiwi
GPG key ID: C4B28FD2729941CE
4 changed files with 136 additions and 11 deletions

View file

@ -200,7 +200,7 @@ body > hr {
grid-template-rows: 1fr;
}
#search-section:has( ~ #result-panel.empty) {
#search-section:has( ~ dialog:not([open])) {
position: fixed;
bottom: 5px;
left: 5px;
@ -240,6 +240,38 @@ body > hr {
/* PANEL */
#result-panel-dialog {
display: block;
position: relative;
padding: 0;
margin: 0;
border: none;
width: 100%;
}
#result-panel-dialog:not([open]) {
display: none;
}
#result-panel-dialog #close-result-panel-btn {
position: sticky;
top: 0px;
right: 0px;
padding: 15px;
border: none;
background: none;
cursor: pointer;
z-index: 100;
margin-left: auto;
margin-bottom: calc( ( 1.5em + 30px ) * -1);
display: block;
}
#close-result-panel-btn img {
height: 1.5em;
display: block;
}
#result-panel {
background: black;
border-image: url("../assets/neon-border-image.svg") 12;
@ -248,11 +280,6 @@ body > hr {
color: white;
}
#result-panel.empty,
#result-panel:empty{
display:none;
}
#result-panel > * {
padding: 1em;
margin: 0;