zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skin): fix fullscreen video clipping and border-radius handling (#905)

Browse Source
This commit is contained in:
Sam Potts
2026-03-12 12:06:34 +11:00
committed by GitHub
parent 801be291c3
commit e9621a1f50
9 changed files with 60 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/components/media.css
+18
View File
@@ -7,8 +7,13 @@
display: block;
width: 100%;
height: 100%;
}
.media-default-skin ::slotted(video) {
border-radius: var(--media-border-radius, 2rem);
}
.media-default-skin video {
border-radius: inherit;
}
/* ==========================================================================
Poster Image
@@ -28,3 +33,16 @@
opacity: 0;
}
}
/* ==========================================================================
Fullscreen
========================================================================== */
.media-default-skin:fullscreen video,
.media-default-skin:fullscreen ::slotted(video),
.media-default-skin > img {
object-fit: contain;
}
.media-default-skin:fullscreen ::slotted(video) {
border-radius: 0;
}