Add support for dynamic viewport height (#36272)

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

View File

@ -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;

View File

@ -69,6 +69,7 @@ body {
&.layout-single-column {
height: auto;
min-height: 100vh;
min-height: 100dvh;
overflow-y: scroll;
}
@ -185,7 +186,8 @@ button {
}
& > noscript {
height: 100vh;
min-height: 100vh;
min-height: 100dvh;
}
}
@ -193,6 +195,7 @@ button {
&,
& > div {
min-height: 100vh;
min-height: 100dvh;
}
}

View File

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