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:
parent
f20a1d1d5f
commit
25fd13bd3f
6 changed files with 47 additions and 26 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue