Refine Video Modal moderation UI styles: blur creator avatar and fix text contrast.

This commit is contained in:
google-labs-jules[bot] committed 2026-01-13 14:28:42 +00:00
1 parent 0772d2fa09
commit 81e8b2ed40
5 files changed
+148

No files matched your search

+17
View File
@@ -3295,6 +3295,23 @@
.watch-history-card__hidden .moderation-badge {
@apply self-start;
}
/* Ensure the video modal avatar respects the blur state */
#playerModal .channel-card__avatar img[data-visual-state="blurred"] {
@apply transition duration-base ease-in-out;
filter: blur(var(--blur-thumbnail-blur));
transform: scale(1.05);
}
/* Override moderation badge text color inside the modal bar for better contrast in all themes */
#playerModal .video-modal__moderation-bar .moderation-badge {
--text-status-neutral-on: var(--color-text);
--text-status-warning-on: var(--color-warning-on);
}
#playerModal .video-modal__moderation-bar .moderation-badge[data-variant="neutral"] {
color: var(--color-text);
}
}
@layer components {