Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-16 09:18:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Fix media modal misalignment in Safari

Browse Source 
Port f07cff42c2 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Echo
2025-11-27 16:27:18 +01:00
committed by Claire
parent 17379b73f7
commit 9ede21cbe2
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6441,12 +6441,14 @@ a.status-card {
inset-inline-start: 0; inset-inline-start: 0;
inset-inline-end: 0; inset-inline-end: 0;
bottom: 0; bottom: 0;
align-items: center;
justify-content: space-around; // If set to center, the fullscreen image overlay is misaligned.
> div { > div {
flex-shrink: 0; flex-shrink: 0;
overflow: auto; overflow: auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
} }
} }

6
app/javascript/flavours/glitch/styles_new/mastodon/components.scss
View File

@@ -6329,12 +6329,14 @@ a.status-card {
inset-inline-start: 0; inset-inline-start: 0;
inset-inline-end: 0; inset-inline-end: 0;
bottom: 0; bottom: 0;
align-items: center;
justify-content: space-around; // If set to center, the fullscreen image overlay is misaligned.
> div { > div {
flex-shrink: 0; flex-shrink: 0;
overflow: auto; overflow: auto;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
} }
} }