Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-15 08:48:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix media modal misalignment in Safari (#37034)

Browse Source
This commit is contained in:
Echo
2025-11-27 16:27:18 +01:00
committed by GitHub
parent 0d2e9522ff
commit f07cff42c2
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6204,12 +6204,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/styles_new/mastodon/components.scss
View File

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