fix: safari searchbox header render issue

This commit is contained in:
Victor Westerlund 2024-04-07 02:29:41 +02:00
parent 397484c5b4
commit 175a17dfc4

View file

@ -114,6 +114,7 @@ header {
align-items: stretch;
justify-items: end;
grid-template-columns: 1fr var(--running-size);
grid-template-rows: var(--running-size);
background-color: rgba(0, 0, 0, .8);
z-index: 100;
-webkit-backdrop-filter: blur(20px);
@ -167,10 +168,12 @@ main.loading > * {
/* ### Box */
searchbox {
--icon-size: 25px;
display: grid;
width: 100%;
border-left: var(--border-style);
grid-template-columns: 25px 1fr;
grid-template-columns: var(--icon-size) 1fr;
align-items: center;
padding: var(--padding);
gap: var(--padding);
@ -180,6 +183,10 @@ searchbox {
cursor: pointer;
}
searchbox > svg {
width: var(--icon-size);
}
/* ### Dialog */
body.search-dialog-open main {
@ -317,9 +324,4 @@ dialog.search search search-results > svg {
header searchbox {
display: grid;
}
menu searchbox {
display: none;
}
/* /> */
}