AS1024
/
Kanboard-Prod
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make sidebar more responsive

This commit is contained in:
Frederic Guillot 2016-08-13 20:05:27 -04:00
parent a631b76175
commit d41c7f1a8c
No known key found for this signature in database
GPG Key ID: 92D77191BA7FBC99
2 changed files with 10 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/app.min.css vendored
View File

File diff suppressed because one or more lines are too long

35
assets/sass/_sidebar.sass
View File

@ -1,39 +1,22 @@
@import variables
.sidebar-container
margin-top: 10px
height: 100%
width: 100%
display: -ms-flexbox
display: -webkit-box
display: -moz-box
display: -ms-box
display: box
-ms-flex-direction: row
-webkit-box-orient: horizontal
-moz-box-orient: horizontal
-ms-box-orient: horizontal
box-orient: horizontal
@include grid(100)
.sidebar-content
padding-left: 10px
-ms-flex: 1
-webkit-box-flex: 1
-moz-box-flex: 1
-ms-box-flex: 1
box-flex: 1
@include grid_width(80/100)
@include xs-device
@include grid_width(1)
.sidebar
padding-right: 10px
border-right: 1px dotted #eee
max-width: 240px
min-width: 190px
width: 18%
-ms-flex: 0 100px
-webkit-box-flex: 0
-moz-box-flex: 0
-ms-box-flex: 0
box-flex: 0
@include grid_width(18/100)
@include xs-device
@include grid_width(1)
max-width: 99%
min-width: 0
h2
margin-top: 0
> ul