tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Glitch] Add support for dynamic viewport height

Browse Source 
Port e4094d9fb2d6afeea796bb5840c3d891e2ed0eff to glitch-soc

Co-authored-by: l <eh.chahkiev@smartics.ru>
Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
metalhead 2025-10-01 11:53:29 +03:00 committed by Claire
parent 0e97992940
commit be62874934
3 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/styles/admin.scss
View File

@ -13,6 +13,7 @@ $content-width: 840px;
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
padding: env(safe-area-inset-top) env(safe-area-inset-right) padding: env(safe-area-inset-top) env(safe-area-inset-right)
env(safe-area-inset-bottom) env(safe-area-inset-left); env(safe-area-inset-bottom) env(safe-area-inset-left);
@ -25,6 +26,7 @@ $content-width: 840px;
.sidebar-wrapper { .sidebar-wrapper {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
overflow: hidden; overflow: hidden;
pointer-events: none; pointer-events: none;
flex: 1 1 auto; flex: 1 1 auto;

5
app/javascript/flavours/glitch/styles/basics.scss
View File

@ -69,6 +69,7 @@ body {
&.layout-single-column { &.layout-single-column {
height: auto; height: auto;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
overflow-y: scroll; overflow-y: scroll;
} }
@ -181,7 +182,8 @@ button {
} }
& > noscript { & > noscript {
height: 100vh; min-height: 100vh;
min-height: 100dvh;
} }
} }
@ -189,6 +191,7 @@ button {
&, &,
& > div { & > div {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
} }
} }

2
app/javascript/flavours/glitch/styles/components.scss
View File

@ -3053,6 +3053,7 @@ a.account__display-name {
width: 100%; width: 100%;
height: 100%; height: 100%;
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
padding-bottom: env(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
&__pane { &__pane {
@ -3385,6 +3386,7 @@ a.account__display-name {
.columns-area__panels { .columns-area__panels {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
gap: 0; gap: 0;
} }