Skip to content

Commit 434c5ce

Browse files
committed
feat(core): Hide header in PWA
Signed-off-by: provokateurin <kate@provokateurin.de>
1 parent b8ad6d0 commit 434c5ce

File tree

5 files changed

+19
-4
lines changed

5 files changed

+19
-4
lines changed

core/css/header.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

core/css/header.css.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

core/css/header.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,3 +269,18 @@ header .emptycontent {
269269
width: 48px;
270270
}
271271
}
272+
273+
@media (display-mode: standalone) or (display-mode: minimal-ui) {
274+
#header {
275+
display: none !important;
276+
}
277+
278+
#content, #content-vue {
279+
margin-top: var(--body-container-margin);
280+
}
281+
282+
:root {
283+
// Override the body height to make up for the additional height due to the missing header.
284+
--body-height: calc(100% - env(safe-area-inset-bottom) - var(--body-container-margin) * 2) !important;
285+
}
286+
}

0 commit comments

Comments
 (0)