vlw/vlw.se
1
0
Fork 0
mirror of https://codeberg.org/vlw/vlw.se.git synced 2025-09-13 21:13:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: safari searchbox header render issue (#13)

Browse source
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
1 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
assets/css/document.css
View file

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