mirror of
https://github.com/documize/community.git
synced 2025-07-25 16:19:46 +02:00
Allow for scrollable doc TOC + scroll to top + wrap section names
Closes #254
This commit is contained in:
parent
cd9f681adf
commit
c0876e7be8
1 changed files with 8 additions and 11 deletions
|
@ -10,7 +10,7 @@
|
||||||
display: block;
|
display: block;
|
||||||
height: auto;
|
height: auto;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.master-content {
|
.master-content {
|
||||||
|
@ -21,9 +21,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// $sidebar-height: calc(100vh - 90px);
|
|
||||||
$sidebar-height: auto;
|
|
||||||
|
|
||||||
// Tablet starts around 700px
|
// Tablet starts around 700px
|
||||||
@media (min-width: $display-break-1) {
|
@media (min-width: $display-break-1) {
|
||||||
.master-grid-container {
|
.master-grid-container {
|
||||||
|
@ -32,13 +29,12 @@ $sidebar-height: auto;
|
||||||
|
|
||||||
.master-sidebar {
|
.master-sidebar {
|
||||||
width: 200px;
|
width: 200px;
|
||||||
height: $sidebar-height;
|
margin: 20px 10px 20px 20px;
|
||||||
// overflow-x: hidden;
|
height: calc(100vh - 90px - 40px);
|
||||||
// overflow-y: auto;
|
|
||||||
padding: 20px 10px 20px 20px;
|
|
||||||
height: calc(100vh - 150px);
|
|
||||||
@include sticky();
|
@include sticky();
|
||||||
top: 0px;
|
top: 0px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.master-content {
|
.master-content {
|
||||||
|
@ -75,7 +71,8 @@ $sidebar-height: auto;
|
||||||
|
|
||||||
.master-sidebar {
|
.master-sidebar {
|
||||||
width: 300px;
|
width: 300px;
|
||||||
padding: 40px 10px 40px 20px;
|
margin: 40px 10px 40px 20px;
|
||||||
|
height: calc(100vh - 90px - 80px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.master-content {
|
.master-content {
|
||||||
|
@ -94,7 +91,7 @@ $sidebar-height: auto;
|
||||||
|
|
||||||
.master-sidebar {
|
.master-sidebar {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
padding: 40px 10px 40px 20px;
|
margin: 40px 10px 40px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.master-content {
|
.master-content {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue