Improve mobile view
This commit is contained in:
2
assets/css/app.min.css
vendored
2
assets/css/app.min.css
vendored
File diff suppressed because one or more lines are too long
6
assets/js/app.min.js
vendored
6
assets/js/app.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -124,6 +124,10 @@
|
||||
function getWidth(size) {
|
||||
var viewport = KB.utils.getViewportSize();
|
||||
|
||||
if (viewport.width < 700) {
|
||||
return '99%';
|
||||
}
|
||||
|
||||
switch (size) {
|
||||
case 'large':
|
||||
return viewport.width < 1350 ? '98%' : '1350px';
|
||||
|
||||
@@ -12,15 +12,17 @@ header
|
||||
@include md-device
|
||||
@include grid_width(15/100)
|
||||
@include sm-device
|
||||
@include grid_width(30/100)
|
||||
@include grid_width(20/100)
|
||||
order: 2
|
||||
.header-creation-menu
|
||||
display: none
|
||||
|
||||
.board-selector-container
|
||||
@include grid_width(25/100)
|
||||
@include md-device
|
||||
@include grid_width(20/100)
|
||||
@include sm-device
|
||||
@include grid_width(70/100)
|
||||
@include grid_width(80/100)
|
||||
order: 1
|
||||
margin-bottom: 5px
|
||||
|
||||
|
||||
@@ -23,6 +23,9 @@
|
||||
@include grid_width(1)
|
||||
max-width: 99%
|
||||
max-height: none
|
||||
@include sm-device
|
||||
padding-left: 0
|
||||
|
||||
label:first-child
|
||||
margin-top: 0
|
||||
@include custom-device(1000px)
|
||||
|
||||
Reference in New Issue
Block a user