thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-29 08:52:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #463 from PR0M3TH3AN/codex/gate-legacy-video-modal-styles-behind-data-ds

Browse Source 
Gate legacy modal styles behind data attribute
This commit is contained in:
thePR0M3TH3AN authored and GitHub committed 2025-10-12 06:43:14 -04:00
2 parents bce05b2134 2b889922cf
commit 0bdc578890
1 file changed
+10 -10
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+10 -10
View File
@@ -381,8 +381,8 @@ header img {
#modalContainer > #playerModal .player-modal__container,
#modalContainer > #playerModal .player-modal__content,
#modalContainer > #playerModal .video-modal__container,
#modalContainer > #playerModal .video-modal__panel {
#modalContainer > #playerModal[data-ds="legacy"] .video-modal__container,
#modalContainer > #playerModal[data-ds="legacy"] .video-modal__panel {
z-index: var(--z-modal-content);
}
@@ -417,25 +417,25 @@ header img {
display: flex;
}
.video-modal__panel,
#playerModal .player-modal__content {
#playerModal[data-ds="legacy"] .video-modal__panel,
#playerModal[data-ds="legacy"] .player-modal__content {
animation: fadeIn var(--modal-motion-duration) ease-out;
}
.video-modal__video,
#playerModal .player-modal__video {
#playerModal[data-ds="legacy"] .video-modal__video,
#playerModal[data-ds="legacy"] .player-modal__video {
padding: clamp(0.75rem, 3.5vw, 2.5rem);
border-bottom: 0.0625rem solid var(--color-border-translucent);
}
.video-modal__media,
#playerModal .player-modal__video video {
#playerModal[data-ds="legacy"] .video-modal__media,
#playerModal[data-ds="legacy"] .player-modal__video video {
box-shadow: 0 1.125rem 2.75rem var(--color-shadow-floating);
max-height: min(80vh, calc(100vw * 9 / 16));
}
.video-modal__info,
#playerModal .player-modal__info {
#playerModal[data-ds="legacy"] .video-modal__info,
#playerModal[data-ds="legacy"] .player-modal__info {
padding: clamp(1.5rem, 3vw, 2.5rem);
padding-bottom: clamp(2.5rem, 6vw, 4rem);
box-shadow: inset 0 1px 0 var(--color-divider-strong);