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

[Glitch] Limit height of tall images in posts

Browse Source 
Port 5f33ac208f to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
diondiondion
2025-11-27 18:05:56 +01:00
committed by Claire
parent b1d00f288f
commit b3135c1eed
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7644,6 +7644,13 @@ img.modal-warning {
grid-template-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
gap: 2px; gap: 2px;
&--layout-1 {
// The size of single images is determined by their
// aspect-ratio, applied via inline style attribute
width: initial;
max-height: 460px;
}
&--layout-2 { &--layout-2 {
& > .media-gallery__item:nth-child(1) { & > .media-gallery__item:nth-child(1) {
border-end-end-radius: 0; border-end-end-radius: 0;

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

@@ -7460,6 +7460,13 @@ img.modal-warning {
grid-template-rows: 1fr 1fr; grid-template-rows: 1fr 1fr;
gap: 2px; gap: 2px;
&--layout-1 {
// The size of single images is determined by their
// aspect-ratio, applied via inline style attribute
width: initial;
max-height: 460px;
}
&--layout-2 { &--layout-2 {
& > .media-gallery__item:nth-child(1) { & > .media-gallery__item:nth-child(1) {
border-end-end-radius: 0; border-end-end-radius: 0;