mirror of
https://github.com/glanceapp/glance.git
synced 2025-06-21 10:27:45 +02:00
Mobile style fixes
This commit is contained in:
parent
b4b61c94d7
commit
29318005b2
@ -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; }
|
||||||
|
@ -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">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user