mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
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:
1 parent
feef662bf8
commit
8de33b7cb1
1 file changed
-5
@@ -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;
|
||||
|
||||
Reference in new issue
Block a user