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,18 +67,24 @@ li {
} }
.navigation { .navigation {
background-color: #2a2a2a; background-color: #2a2a2a;
}
.navigation-list {
padding: 0 15px 0 15px;
}
@supports (position: sticky) {
.navigation {
position: sticky; position: sticky;
top: 54px; top: 54px;
height: calc(100vh - 54px); height: calc(100vh - 54px);
} }
.navigation-list { .navigation-list {
overflow: auto; overflow: auto;
padding: 0 15px 0 15px;
/* 54px navbar height */ /* 54px navbar height */
/* 4.25rem + 2px searchbox height */ /* 4.25rem + 2px searchbox height */
/* 25px navigation padding */ /* 25px navigation padding */
height: calc(100vh - 54px - 4.25rem - 2px - 25px); height: calc(100vh - 54px - 4.25rem - 2px - 25px);
} }
}
@media (max-width: 768px) { @media (max-width: 768px) {
#wrap { #wrap {
flex-flow: column; flex-flow: column;
@@ -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;
} }