diff --git a/src/components/board-nav/board-nav.module.css b/src/components/board-nav/board-nav.module.css index 149e7bfa..d510e086 100644 --- a/src/components/board-nav/board-nav.module.css +++ b/src/components/board-nav/board-nav.module.css @@ -26,7 +26,7 @@ font-size: var(--boardnav-mobile-font-size); position: fixed; width: 100%; - z-index: 6; + z-index: 3; animation-name: stickyMenuAnimation; animation-duration: 1s; animation-timing-function: linear; diff --git a/src/components/challenge-modal/challenge-modal.module.css b/src/components/challenge-modal/challenge-modal.module.css index e4e1af72..f60b7368 100644 --- a/src/components/challenge-modal/challenge-modal.module.css +++ b/src/components/challenge-modal/challenge-modal.module.css @@ -7,7 +7,7 @@ font-size: 10pt; border-left: none; border-top: none; - z-index: 1000; + z-index: 999; background-color: var(--challenge-modal-background-color); border: var(--challenge-modal-border); } diff --git a/src/components/post/post-menu/post-menu.module.css b/src/components/post/post-menu/post-menu.module.css index d3da5d9b..a97282c7 100644 --- a/src/components/post/post-menu/post-menu.module.css +++ b/src/components/post/post-menu/post-menu.module.css @@ -4,6 +4,7 @@ border-bottom: var(--post-menu-border-bottom); border-right: var(--post-menu-border-right); outline: none; + z-index: 2; } .postMenuBtnWrapper { diff --git a/src/components/reply-modal/reply-modal.module.css b/src/components/reply-modal/reply-modal.module.css index 15385f2d..0bbc9fba 100644 --- a/src/components/reply-modal/reply-modal.module.css +++ b/src/components/reply-modal/reply-modal.module.css @@ -7,7 +7,7 @@ font-size: 10pt; border-left: none; border-top: none; - z-index: 1000; + z-index: 3; background-color: var(--challenge-modal-background-color); border: var(--challenge-modal-border); } diff --git a/src/components/settings-modal/settings-modal.module.css b/src/components/settings-modal/settings-modal.module.css index d8dbe0b8..e13e646f 100644 --- a/src/components/settings-modal/settings-modal.module.css +++ b/src/components/settings-modal/settings-modal.module.css @@ -5,7 +5,7 @@ width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.25); - z-index: 900; + z-index: 4; } .settingsModal label, .settingsModal button, .settingsModal select { @@ -31,7 +31,7 @@ overflow-y: auto; margin-left: -178px; position: fixed; - z-index: 1000; + z-index: 5; padding: 2px; font-size: 14px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);