aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2026-01-25 17:54:45 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(video): simplify video container - remove negative margins and complex layout hacks

Browse Source
This commit is contained in:
Gigi
2025-10-13 19:10:56 +02:00
parent b7d90a790b
commit 9d27595d31
1 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/styles/components/reader.css
View File

@@ -6,25 +6,19 @@
padding: 0.75rem;
text-align: left;
overflow: hidden;
contain: layout style;
max-width: 900px;
margin: 0 auto;
}
/* Wider reader for videos */
.reader:has(.reader-video) {
max-width: 100%;
}
/* Video container in reader - break out of padding to use full width */
/* Video container - simple responsive wrapper */
.reader-video {
width: 100%;
margin: -0.75rem -0.75rem 1rem -0.75rem;
border-radius: 0;
overflow: hidden;
position: relative;
aspect-ratio: 16 / 9;
position: relative;
background: #000;
margin-bottom: 1rem;
}
/* Make ReactPlayer fill the container */
/* Make ReactPlayer fill the aspect ratio container */
.reader-video > div {
position: absolute !important;
top: 0;