thePR0M3TH3AN/bitvid
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2026-10-31 18:02:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor Video Modal moderation UI to a persistent bar above the player.

Browse Source
This commit is contained in:
google-labs-jules[bot] committed 2026-01-13 14:12:14 +00:00
1 parent efb42e93db
commit 0772d2fa09
9 files changed
+263 -70
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

css/tailwind.source.css
+17 -20
View File
@@ -1475,38 +1475,35 @@
transform: scale(1.05);
}
#playerModal .video-modal__moderation-overlay {
position: absolute;
inset: 0;
z-index: var(--z-modal-content);
#playerModal .video-modal__moderation-bar {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: clamp(var(--space-sm), 3vw, var(--space-xl));
background: color-mix(in srgb, var(--color-overlay-strong) 62%, transparent);
text-align: center;
padding-bottom: var(--space-md);
}
#playerModal .video-modal__moderation-overlay[hidden] {
#playerModal .video-modal__moderation-bar[hidden] {
display: none;
}
#playerModal .video-modal__moderation-overlay .moderation-badge {
@apply pb-4;
pointer-events: auto;
#playerModal .video-modal__moderation-bar .moderation-badge {
width: 100%;
max-width: none;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: var(--space-sm);
@apply px-4 py-3;
}
#playerModal .video-modal__moderation-overlay[data-overlay-state="override"] {
align-items: flex-start;
justify-content: flex-start;
background: none;
pointer-events: none;
#playerModal .video-modal__moderation-bar .moderation-badge__label {
flex: 1 1 auto;
}
#playerModal
.video-modal__moderation-overlay[data-overlay-state="override"]
.moderation-badge {
pointer-events: auto;
#playerModal .video-modal__moderation-bar .moderation-badge__actions {
flex-shrink: 0;
}
.card[data-owner-is-viewer="true"][data-url-health-state="offline"][data-stream-health-state="unhealthy"] {