Graceful fallback for internet explorer 11

This commit is contained in:
Maximilian Krög
2020-08-23 12:21:47 +02:00
parent d9bc466f43
commit d74da75561
@@ -67,17 +67,23 @@ li {
} }
.navigation { .navigation {
background-color: #2a2a2a; background-color: #2a2a2a;
position: sticky;
top: 54px;
height: calc(100vh - 54px);
} }
.navigation-list { .navigation-list {
overflow: auto;
padding: 0 15px 0 15px; padding: 0 15px 0 15px;
/* 54px navbar height */ }
/* 4.25rem + 2px searchbox height */ @supports (position: sticky) {
/* 25px navigation padding */ .navigation {
height: calc(100vh - 54px - 4.25rem - 2px - 25px); position: sticky;
top: 54px;
height: calc(100vh - 54px);
}
.navigation-list {
overflow: auto;
/* 54px navbar height */
/* 4.25rem + 2px searchbox height */
/* 25px navigation padding */
height: calc(100vh - 54px - 4.25rem - 2px - 25px);
}
} }
@media (max-width: 768px) { @media (max-width: 768px) {
#wrap { #wrap {
@@ -88,6 +94,7 @@ li {
position: inherit; position: inherit;
} }
.navigation-list { .navigation-list {
overflow: auto;
max-height: 33vh; max-height: 33vh;
height: inherit; height: inherit;
} }