gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-10-06 09:02:43 +00:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

Add support for dynamic viewport height (#36272)

Browse Source 
Co-authored-by: l <eh.chahkiev@smartics.ru>
This commit is contained in:
metalhead 2025-10-01 11:53:29 +03:00 committed by GitHub
parent d51723bb57
commit e4094d9fb2
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
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/styles/mastodon/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/styles/mastodon/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;
} }
@ -185,7 +186,8 @@ button {
} }
& > noscript { & > noscript {
height: 100vh; min-height: 100vh;
min-height: 100dvh;
} }
} }
@ -193,6 +195,7 @@ button {
&, &,
& > div { & > div {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
} }
} }

2
app/javascript/styles/mastodon/components.scss
View File

@ -2988,6 +2988,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 {
@ -3320,6 +3321,7 @@ a.account__display-name {
.columns-area__panels { .columns-area__panels {
min-height: 100vh; min-height: 100vh;
min-height: 100dvh;
gap: 0; gap: 0;
} }