Ajout d'une croix permettant de fermer les resultats de recherche
This commit is contained in:
parent
03f5bf0215
commit
8fda06c77f
4 changed files with 136 additions and 11 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue