shifts view: change breakpoints to fit more on smaller screens

7 years ago · d012468529
parent 73ed2308c1
commit d012468529
10 changed files with 1584 additions and 1488 deletions
--- a/public/css/theme0.css
+++ b/public/css/theme0.css
--- a/public/css/theme1.css
+++ b/public/css/theme1.css
--- a/public/css/theme2.css
+++ b/public/css/theme2.css
--- a/public/css/theme3.css
+++ b/public/css/theme3.css
--- a/public/css/theme4.css
+++ b/public/css/theme4.css
--- a/public/css/theme5.css
+++ b/public/css/theme5.css
--- a/public/css/theme6.css
+++ b/public/css/theme6.css
--- a/public/index.php
+++ b/public/index.php
--- a/templates/user_shifts.html
+++ b/templates/user_shifts.html
@ -60,9 +60,9 @@
                </div>
            </div>
        </div>
-        <div class="col-md-2">%room_select%</div>
-        <div class="col-md-2">%type_select%</div>
-        <div class="col-md-2">%filled_select%</div>
+        <div class="col-md-2 col-xs-4 col-xxs-12">%room_select%</div>
+        <div class="col-md-2 col-xs-4 col-xxs-12">%type_select%</div>
+        <div class="col-md-2 col-xs-4 col-xxs-12">%filled_select%</div>
    </div>
    <div class="row">
        <div class="col-md-12">
--- a/themes/base.less
+++ b/themes/base.less
@ -247,3 +247,15 @@ body {
    transform: rotate(0deg) translateY(0px);
  }
 }
+
+@media (max-width: 525px) {
+  .col-xxs-12 {
+    float: none;
+    width: 100%;
+
+    position: relative; left: 0; right: 0;
+    min-height: 1px;
+    padding-right: 15px;
+    padding-left: 15px;
+  }
+}