fix: safari searchbox header render issue (#13)

This commit is contained in:
Victor Westerlund 2024-04-07 13:43:51 +00:00 committed by GitHub
parent a8a1c5791f
commit 6ef024db6f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

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;
}
/* /> */
}