From 29318005b22a747ea56faa4a8e1775a7b52e14ba Mon Sep 17 00:00:00 2001 From: Dallas Hoffman Date: Tue, 24 Dec 2024 14:42:28 -0500 Subject: [PATCH] Mobile style fixes --- internal/glance/static/main.css | 9 ++++++++- internal/glance/templates/page.html | 2 +- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/internal/glance/static/main.css b/internal/glance/static/main.css index 770eefb..9ae27ff 100644 --- a/internal/glance/static/main.css +++ b/internal/glance/static/main.css @@ -1701,6 +1701,11 @@ details[open] .summary::after { .weather-column-rain::before { 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) { @@ -1717,7 +1722,8 @@ details[open] .summary::after { padding-bottom: var(--safe-area-inset-bottom); } - .mobile-navigation-icons { + .mobile-navigation-icons, + .content-bounds { padding-bottom: var(--safe-area-inset-bottom); transition: padding-bottom .3s; } @@ -1799,6 +1805,7 @@ details[open] .summary::after { .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; } diff --git a/internal/glance/templates/page.html b/internal/glance/templates/page.html index 2a0c776..ebf384f 100644 --- a/internal/glance/templates/page.html +++ b/internal/glance/templates/page.html @@ -30,7 +30,7 @@ {{ end }} {{ define "document-body" }} -
+
{{ if not .Page.HideDesktopNavigation }}