techhub/mastodon
2
0
Fork 0
Code Activity

fix: Improve support for safe area insets (#35065)

Browse Source
This commit is contained in:
diondiondion
2025-06-17 11:53:14 +02:00
committed by GitHub
parent 69f298731e
commit 59dc0bd6f3
3 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/styles/mastodon/admin.scss
View File

@@ -9,8 +9,11 @@ $content-width: 840px;
.admin-wrapper {
display: flex;
justify-content: center;
box-sizing: border-box;
width: 100%;
min-height: 100vh;
padding: env(safe-area-inset-top) env(safe-area-inset-right)
env(safe-area-inset-bottom) env(safe-area-inset-left);
.icon {
width: 16px;

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

@@ -50,6 +50,7 @@ body {
padding: 0;
padding-left: env(safe-area-inset-left);
padding-right: env(safe-area-inset-right);
box-sizing: border-box;
&.layout-single-column {
height: auto;
@@ -61,6 +62,7 @@ body {
position: absolute;
width: 100%;
height: 100%;
padding-bottom: env(safe-area-inset-bottom);
}
&.with-modals--active {

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

@@ -2817,12 +2817,14 @@ a.account__display-name {
}
&__panels {
box-sizing: border-box;
display: flex;
justify-content: center;
gap: 16px;
width: 100%;
height: 100%;
min-height: 100vh;
padding-bottom: env(safe-area-inset-bottom);
&__pane {
height: 100%;