mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2025-09-13 21:13:40 +02:00
fix: safari searchbox header render issue (#13)
This commit is contained in:
parent
a8a1c5791f
commit
6ef024db6f
1 changed files with 8 additions and 6 deletions
|
@ -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;
|
||||
}
|
||||
/* /> */
|
||||
}
|
Loading…
Add table
Reference in a new issue