Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-13 07:49:29 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] fix: Improve support for safe area insets

Browse Source 
Port 59dc0bd6f3 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-06-17 11:53:14 +02:00
committed by Claire
parent fc87ce7ca1
commit 457d392837
3 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/javascript/flavours/glitch/styles/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/flavours/glitch/styles/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/flavours/glitch/styles/components.scss
View File

@@ -2882,12 +2882,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%;