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

Improve layout on mobile/tablet devices

Browse Source
This commit is contained in:
Frédéric Guillot
2017-11-23 12:16:05 -08:00
parent 671f9a50f3
commit 20c8ae1047
3 changed files with 12 additions and 6 deletions
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

9
assets/sass/_header.sass
View File

@@ -12,22 +12,25 @@ header
.title-container .title-container
flex: 1 flex: 1
min-width: 300px min-width: 300px
@include sm-device @include xs-device
order: 3 order: 3
.board-selector-container .board-selector-container
min-width: 320px min-width: 320px
display: flex display: flex
align-items: center align-items: center
@include sm-device @include xs-device
order: 2 order: 2
min-width: 300px
input[type=text]
max-width: 280px
.menus-container .menus-container
min-width: 120px min-width: 120px
display: flex display: flex
align-items: center align-items: center
justify-content: flex-end justify-content: flex-end
@include sm-device @include xs-device
order: 1 order: 1
margin-bottom: 5px margin-bottom: 5px
margin-left: auto margin-left: auto

7
assets/sass/_sidebar.sass
View File

@@ -20,9 +20,12 @@
order: 1 order: 1
max-width: 100% max-width: 100%
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
max-width: 75%
.sidebar .sidebar
width: 25% max-width: 25%
max-width: 250px min-width: 230px
@include sm-device @include sm-device
flex: 1 auto flex: 1 auto