Improve mobile view

ChangeLog

@@ -3,6 +3,7 @@ Version 1.0.39 (unreleased)
 
 Improvements:
 
+* Adjust modal dialog width on mobile devices
 * Add priority column in list view
 * Change wording for project status (use "closed" instead of "inactive")
 * Prevent people to remove columns that contains tasks

app/Template/header/creation_dropdown.php

@@ -2,7 +2,7 @@
 <?php $is_private_project_enabled = $this->app->config('disable_private_project', 0) == 0; ?>
 
 <?php if ($has_project_creation_access || (!$has_project_creation_access && $is_private_project_enabled)): ?>
-    <div class="dropdown">
+    <div class="dropdown header-creation-menu">
         <a href="#" class="dropdown-menu dropdown-menu-link-icon"><i class="fa fa-plus fa-fw"></i><i class="fa fa-caret-down"></i></a>
         <ul>
             <?php if ($has_project_creation_access): ?>

assets/js/core/modal.js

@@ -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';

assets/sass/_header.sass

@@ -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
 

assets/sass/_task_form.sass

@@ -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)