1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-02 20:15:26 +02:00

Sidebar more responsive and sticky

Tweaked CSS to support small-to-large screen real estate.
This commit is contained in:
McMatts 2018-05-31 15:15:48 +01:00
parent f20a1d1d5f
commit 25fd13bd3f
6 changed files with 47 additions and 26 deletions

View file

@ -2,10 +2,35 @@
padding: 1rem;
}
.sidebar-white {
background-color: $color-white;
}
.sidebar-center {
text-align: center;
}
.sidebar-scroll {
overflow-x: hidden;
overflow-y: auto;
}
.sidebar-white {
background-color: $color-white;
margin: 10px 10px;
@media (min-width: $break-1) {
margin: 10px 10px;
height: calc(100vh - 204px);
overflow-x: hidden;
overflow-y: auto;
}
@media (min-width: $break-2) {
margin: 10px 10px;
}
@media (min-width: $break-3) {
margin: 20px 20px;
}
@media (min-width: $break-4) {
margin: 20px 20px;
}
@media (min-width: $break-5) {
margin: 20px 20px;
}
}