Mobile style fixes

This commit is contained in:
Dallas Hoffman 2024-12-24 14:42:28 -05:00
parent b4b61c94d7
commit 29318005b2
2 changed files with 9 additions and 2 deletions

View File

@ -1701,6 +1701,11 @@ details[open] .summary::after {
.weather-column-rain::before { .weather-column-rain::before {
background-size: 7px 7px; background-size: 7px 7px;
} }
.search-input {
/* so that iOS Safari does not zoom the page when the input is focused */
font-size: 16px;
}
} }
@media (max-width: 1190px) and (display-mode: standalone) { @media (max-width: 1190px) and (display-mode: standalone) {
@ -1717,7 +1722,8 @@ details[open] .summary::after {
padding-bottom: var(--safe-area-inset-bottom); padding-bottom: var(--safe-area-inset-bottom);
} }
.mobile-navigation-icons { .mobile-navigation-icons,
.content-bounds {
padding-bottom: var(--safe-area-inset-bottom); padding-bottom: var(--safe-area-inset-bottom);
transition: padding-bottom .3s; transition: padding-bottom .3s;
} }
@ -1799,6 +1805,7 @@ details[open] .summary::after {
.min-width-0 { min-width: 0; } .min-width-0 { min-width: 0; }
.max-width-100 { max-width: 100%; } .max-width-100 { max-width: 100%; }
.height-100 { height: 100%; } .height-100 { height: 100%; }
.height-100dvh { height: 100dvh; }
.block { display: block; } .block { display: block; }
.inline-block { display: inline-block; } .inline-block { display: inline-block; }
.overflow-hidden { overflow: hidden; } .overflow-hidden { overflow: hidden; }

View File

@ -30,7 +30,7 @@
{{ end }} {{ end }}
{{ define "document-body" }} {{ define "document-body" }}
<div class="flex flex-column height-100"> <div class="flex flex-column height-100dvh">
{{ if not .Page.HideDesktopNavigation }} {{ if not .Page.HideDesktopNavigation }}
<div class="header-container content-bounds"> <div class="header-container content-bounds">
<div class="header flex padding-inline-widget widget-content-frame"> <div class="header flex padding-inline-widget widget-content-frame">