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

Limit height of tall images in posts (#37035)

Browse Source
This commit is contained in:
diondiondion
2025-11-27 18:05:56 +01:00
committed by GitHub
parent 2bd7c855b0
commit 5f33ac208f
2 changed files with 14 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7375,6 +7375,13 @@ a.status-card {
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/styles_new/mastodon/components.scss
View File

@@ -7161,6 +7161,13 @@ a.status-card {
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;