Tweak iOS fixes
This commit is contained in:
parent
29318005b2
commit
4a14709f13
3 changed files with 14 additions and 8 deletions
|
|
@ -330,7 +330,7 @@ html {
|
|||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
html, body {
|
||||
html, body, .body-content {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -1702,7 +1702,7 @@ details[open] .summary::after {
|
|||
background-size: 7px 7px;
|
||||
}
|
||||
|
||||
.search-input {
|
||||
.ios .search-input {
|
||||
/* so that iOS Safari does not zoom the page when the input is focused */
|
||||
font-size: 16px;
|
||||
}
|
||||
|
|
@ -1713,7 +1713,11 @@ details[open] .summary::after {
|
|||
--safe-area-inset-bottom: env(safe-area-inset-bottom, 0);
|
||||
}
|
||||
|
||||
.list-collapsible-label:has(.list-collapsible-input:checked) {
|
||||
.ios .body-content {
|
||||
height: 100dvh;
|
||||
}
|
||||
|
||||
.expand-toggle-button.container-expanded {
|
||||
bottom: calc(var(--mobile-navigation-height) + var(--safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
|
|
@ -1722,12 +1726,15 @@ details[open] .summary::after {
|
|||
padding-bottom: var(--safe-area-inset-bottom);
|
||||
}
|
||||
|
||||
.mobile-navigation-icons,
|
||||
.content-bounds {
|
||||
.mobile-navigation-icons {
|
||||
padding-bottom: var(--safe-area-inset-bottom);
|
||||
transition: padding-bottom .3s;
|
||||
}
|
||||
|
||||
.mobile-navigation-offset {
|
||||
height: calc(var(--mobile-navigation-height) + var(--safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.mobile-navigation-icons:has(.mobile-navigation-page-links-input:checked) {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
@ -1804,8 +1811,6 @@ details[open] .summary::after {
|
|||
.shrink-0 { flex-shrink: 0; }
|
||||
.min-width-0 { min-width: 0; }
|
||||
.max-width-100 { max-width: 100%; }
|
||||
.height-100 { height: 100%; }
|
||||
.height-100dvh { height: 100dvh; }
|
||||
.block { display: block; }
|
||||
.inline-block { display: inline-block; }
|
||||
.overflow-hidden { overflow: hidden; }
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue