fix zindex once and for all

This commit is contained in:
koksnuss 2020-05-11 10:28:39 +02:00
parent 3bf5452cb8
commit 65beba4ac7

View File

@ -56,7 +56,7 @@ table {
th { th {
position: sticky; position: sticky;
z-index: 1; z-index: 1021;
} }
tr { tr {
@ -85,6 +85,7 @@ thead > tr:nth-child(2) > th {
thead > tr:nth-child(2) > th:after { thead > tr:nth-child(2) > th:after {
content: ''; content: '';
position: absolute; position: absolute;
z-index: 1020;
left: 0; left: 0;
top: -1px; top: -1px;
width: 30px; width: 30px;
@ -112,12 +113,22 @@ tbody > tr > td {
tbody > tr > td > div.coin { tbody > tr > td > div.coin {
position: relative; position: relative;
z-index: 1000;
height: 30px; height: 30px;
width: 30px; width: 30px;
text-align: inherit; text-align: inherit;
line-height: 30px; line-height: 30px;
} }
div.found {
position: absolute;
z-index: 1001;
top: 0;
height:30px;
width:30px;
clip-path: polygon(100% 70%, 100% 100%, 70% 100%);
}
td > * { td > * {
vertical-align: middle; vertical-align: middle;
overflow: hidden; overflow: hidden;
@ -168,14 +179,6 @@ td.spacer {
font-weight: bold; font-weight: bold;
} }
div.found {
position: absolute;
top: 0;
height:30px;
width:30px;
clip-path: polygon(100% 70%, 100% 100%, 70% 100%);
}
.form-control { .form-control {
display: inline-block !important; display: inline-block !important;
width: auto; width: auto;
@ -188,7 +191,7 @@ body > div.container-fluid {
.modal-container { .modal-container {
display: none; display: none;
position: fixed; position: fixed;
z-index: 2; z-index: 1050;
left: 0; left: 0;
top: 0; top: 0;
width: 100%; width: 100%;
@ -202,6 +205,7 @@ body > div.container-fluid {
/* Controlbar */ /* Controlbar */
button#begin_edit { button#begin_edit {
position: fixed; position: fixed;
z-index: 1060;
right: 15px; right: 15px;
bottom: 15px; bottom: 15px;
} }
@ -209,10 +213,10 @@ button#begin_edit {
nav.navbar { nav.navbar {
display: none; display: none;
position: fixed; position: fixed;
z-index: 1031;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 64px; height: 64px;
z-index: 1000;
border-top: 1px solid gray; border-top: 1px solid gray;
} }
@ -226,12 +230,11 @@ nav.navbar button {
div#advanced_options { div#advanced_options {
position: fixed; position: fixed;
z-index: 1030;
left: 0; left: 0;
# TODO really?
border-top: 1px solid gray; border-top: 1px solid gray;
bottom: 63px; bottom: 63px;
width: 100%; width: 100%;
z-index: 1;
display:none; display:none;
background-color: #f8f9fa !important; background-color: #f8f9fa !important;
} }