Graceful fallback for internet explorer 11
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user