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

Contain tall videos in full-width video container (#37032)

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

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

@@ -7700,14 +7700,11 @@ a.status-card {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
background: $base-shadow-color; background: $base-shadow-color;
max-width: 100%; max-height: 460px;
max-height: max(400px, 60vh);
margin-inline: auto;
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
color: $white; color: $white;
display: flex; display: flex;
align-items: center;
outline: 1px solid var(--media-outline-color); outline: 1px solid var(--media-outline-color);
outline-offset: -1px; outline-offset: -1px;
z-index: 2; z-index: 2;

5
app/javascript/styles_new/mastodon/components.scss
View File

@@ -7493,13 +7493,10 @@ a.status-card {
position: relative; position: relative;
color: var(--color-text-on-media); color: var(--color-text-on-media);
background: var(--color-bg-media); background: var(--color-bg-media);
max-width: 100%; max-height: 460px;
max-height: max(400px, 60vh);
margin-inline: auto;
border-radius: 8px; border-radius: 8px;
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center;
outline: 1px solid var(--color-border-media); outline: 1px solid var(--color-border-media);
outline-offset: -1px; outline-offset: -1px;
z-index: 2; z-index: 2;