fix(ui): remove display:none from #playerModal selector to fix modal visibility

The #playerModal ID selector in `css/tailwind.source.css` incorrectly set `display: none`. This ID selector has higher specificity than the `.hidden` utility class (applied by Tailwind) used by `VideoModal.js` to toggle visibility.

When `VideoModal.js` removed the `.hidden` class to show the modal, the ID selector's `display: none` remained active, keeping the modal hidden.

Also removed the `#playerModal.flex` rule as `.bv-modal` already provides flex behavior.

This fixes the issue where clicking a video card would trigger the logic but fail to display the player.
This commit is contained in:
google-labs-jules[bot] committed 2026-01-25 02:16:32 +00:00
1 parent feef662bf8
commit 8de33b7cb1
1 file changed
-5
-5
View File
@@ -3801,7 +3801,6 @@
position: fixed;
inset: 0;
z-index: var(--z-modal-player);
display: none;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
@@ -3822,10 +3821,6 @@
-webkit-overflow-scrolling: touch;
}
#playerModal.flex {
display: block;
}
#modalVideo {
width: 100%;
aspect-ratio: 16 / 9;