ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

overflow hidden on media container, don't revert-layer on video

Browse Source
This commit is contained in:
k00b 2025-03-06 13:04:32 -06:00
parent 4dd9088f25
commit 53e4683d98
1 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/text.module.css
View File

@ -167,6 +167,7 @@
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
overflow: hidden;
max-height: 25vh; max-height: 25vh;
aspect-ratio: var(--aspect-ratio); aspect-ratio: var(--aspect-ratio);
margin: 0; margin: 0;
@ -194,11 +195,15 @@
.p:has(> .mediaContainer) .mediaContainer img, .p:has(> .mediaContainer) .mediaContainer img,
.p:has(> .mediaContainer) .mediaContainer video .p:has(> .mediaContainer) .mediaContainer video
{ {
block-size: revert-layer;
min-width: 30%; min-width: 30%;
max-width: stretch; max-width: stretch;
} }
.p:has(> .mediaContainer) .mediaContainer img
{
block-size: revert-layer;
}
.p.onlyImages { .p.onlyImages {
display: flex; display: flex;
flex-direction: row; flex-direction: row;