Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-08-05 05:25:27 +02:00
Code Releases Activity

Improve document sidebar flexbox CSS

Browse source 
Maximum widths to control table of contents wrapping.
This commit is contained in:
McMatts 2018-05-31 17:03:59 +01:00
parent 25fd13bd3f
commit 983b84235c
4 changed files with 80 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

5
gui/app/styles/layout/layout-master.scss
View file

@ -40,6 +40,7 @@ footer {
.layout-sidebar {
flex: 0 0 200px;
width: 200px;
height: calc(100vh - 140px);
@include sticky();
top: 2rem;
@ -59,6 +60,7 @@ footer {
.layout-sidebar {
flex: 0 0 300px;
width: 300px;
}
.layout-content {
@ -75,6 +77,7 @@ footer {
.layout-sidebar {
flex: 0 0 400px;
width: 400px;
}
.layout-content {
@ -91,6 +94,7 @@ footer {
.layout-sidebar {
flex: 0 0 450px;
width: 450px;
}
.layout-content {
@ -107,6 +111,7 @@ footer {
.layout-sidebar {
flex: 0 0 500px;
width: 500px;
}
.layout-content {

22
gui/app/styles/layout/layout-sidebar.scss
View file

@ -34,3 +34,25 @@
margin: 20px 20px;
}
}
.sidebar-view-switcher {
color: $color-primary;
background-color: $color-primary-light;
padding: 5px 20px;
text-align: center;
height: 50px;
> i {
font-size: 2rem;
cursor: pointer;
@include ease-in();
&:hover {
color: $color-link;
}
}
> .divider {
margin: 0 10px;
}
}