diff --git a/app/javascript/flavours/glitch/styles/admin.scss b/app/javascript/flavours/glitch/styles/admin.scss index 81e441a187..82ea9e8b1e 100644 --- a/app/javascript/flavours/glitch/styles/admin.scss +++ b/app/javascript/flavours/glitch/styles/admin.scss @@ -13,6 +13,7 @@ $content-width: 840px; box-sizing: border-box; width: 100%; min-height: 100vh; + min-height: 100dvh; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); @@ -25,6 +26,7 @@ $content-width: 840px; .sidebar-wrapper { min-height: 100vh; + min-height: 100dvh; overflow: hidden; pointer-events: none; flex: 1 1 auto; diff --git a/app/javascript/flavours/glitch/styles/basics.scss b/app/javascript/flavours/glitch/styles/basics.scss index d2b202274b..f91a7c4003 100644 --- a/app/javascript/flavours/glitch/styles/basics.scss +++ b/app/javascript/flavours/glitch/styles/basics.scss @@ -69,6 +69,7 @@ body { &.layout-single-column { height: auto; min-height: 100vh; + min-height: 100dvh; overflow-y: scroll; } @@ -181,7 +182,8 @@ button { } & > noscript { - height: 100vh; + min-height: 100vh; + min-height: 100dvh; } } @@ -189,6 +191,7 @@ button { &, & > div { min-height: 100vh; + min-height: 100dvh; } } diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index 74d189ed0d..dc76223434 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -3053,6 +3053,7 @@ a.account__display-name { width: 100%; height: 100%; min-height: 100vh; + min-height: 100dvh; padding-bottom: env(safe-area-inset-bottom); &__pane { @@ -3385,6 +3386,7 @@ a.account__display-name { .columns-area__panels { min-height: 100vh; + min-height: 100dvh; gap: 0; }