mirror of
https://github.com/PR0M3TH3AN/bitvid.git
synced 2026-10-27 07:52:24 +00:00
fix: elevate share nostr modal z-index with peak tier and stronger selectors
Update the z-index for the Share on Nostr modal to use the "peak" tier (165+), ensuring it renders above the video player (130). Adjust the CSS selector to target `#shareNostrModal` directly, as it is wrapped in an anonymous div in the DOM, causing the previous `#modalContainer >` combinator to fail. Add `!important` to enforce the stacking order. Fixes the issue where the share modal rendered behind the video player.
This commit is contained in:
1 parent
b2de7e994a
commit
364e261502
1 file changed
+6
-6
@@ -3727,16 +3727,16 @@
|
||||
z-index: var(--z-modal-top-content);
|
||||
}
|
||||
|
||||
#modalContainer > #shareNostrModal {
|
||||
z-index: var(--z-modal-top-root);
|
||||
#shareNostrModal {
|
||||
z-index: var(--z-modal-peak-root) !important;
|
||||
}
|
||||
|
||||
#modalContainer > #shareNostrModal > .bv-modal-backdrop {
|
||||
z-index: var(--z-modal-top-overlay);
|
||||
#shareNostrModal > .bv-modal-backdrop {
|
||||
z-index: var(--z-modal-peak-overlay) !important;
|
||||
}
|
||||
|
||||
#modalContainer > #shareNostrModal .bv-modal__panel {
|
||||
z-index: var(--z-modal-top-content);
|
||||
#shareNostrModal .bv-modal__panel {
|
||||
z-index: var(--z-modal-peak-content) !important;
|
||||
}
|
||||
|
||||
.bv-modal[data-nested-modal-active="true"] {
|
||||
|
||||
Reference in new issue
Block a user