adjust z-indexes

This commit is contained in:
Tom (plebeius.eth)
2024-05-27 19:17:52 +02:00
parent caacd77bba
commit e990cbe851
5 changed files with 6 additions and 5 deletions
@@ -26,7 +26,7 @@
font-size: var(--boardnav-mobile-font-size); font-size: var(--boardnav-mobile-font-size);
position: fixed; position: fixed;
width: 100%; width: 100%;
z-index: 6; z-index: 3;
animation-name: stickyMenuAnimation; animation-name: stickyMenuAnimation;
animation-duration: 1s; animation-duration: 1s;
animation-timing-function: linear; animation-timing-function: linear;
@@ -7,7 +7,7 @@
font-size: 10pt; font-size: 10pt;
border-left: none; border-left: none;
border-top: none; border-top: none;
z-index: 1000; z-index: 999;
background-color: var(--challenge-modal-background-color); background-color: var(--challenge-modal-background-color);
border: var(--challenge-modal-border); border: var(--challenge-modal-border);
} }
@@ -4,6 +4,7 @@
border-bottom: var(--post-menu-border-bottom); border-bottom: var(--post-menu-border-bottom);
border-right: var(--post-menu-border-right); border-right: var(--post-menu-border-right);
outline: none; outline: none;
z-index: 2;
} }
.postMenuBtnWrapper { .postMenuBtnWrapper {
@@ -7,7 +7,7 @@
font-size: 10pt; font-size: 10pt;
border-left: none; border-left: none;
border-top: none; border-top: none;
z-index: 1000; z-index: 3;
background-color: var(--challenge-modal-background-color); background-color: var(--challenge-modal-background-color);
border: var(--challenge-modal-border); border: var(--challenge-modal-border);
} }
@@ -5,7 +5,7 @@
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: rgba(0, 0, 0, 0.25); background-color: rgba(0, 0, 0, 0.25);
z-index: 900; z-index: 4;
} }
.settingsModal label, .settingsModal button, .settingsModal select { .settingsModal label, .settingsModal button, .settingsModal select {
@@ -31,7 +31,7 @@
overflow-y: auto; overflow-y: auto;
margin-left: -178px; margin-left: -178px;
position: fixed; position: fixed;
z-index: 1000; z-index: 5;
padding: 2px; padding: 2px;
font-size: 14px; font-size: 14px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);