Download:
Patch
child 64:76074366b66c
parent 62:b9fe920ff292
63:0ce436bb1b0a
Anton Shestakov <av6@dwimlabs.net>, Wed, 08 Jul 2015 02:16:46 +0800
somewhat better look on extra-small screens
2 файлов изменено, 19 вставок(+), 13 удалений(-) [+]
static/css/custom.css file | annotate | diff | comparison | revisions
templates/index.html file | annotate | diff | comparison | revisions 
--- a/static/css/custom.css	Mon Jul 06 01:45:50 2015 +0800
+++ b/static/css/custom.css	Wed Jul 08 02:16:46 2015 +0800
@@ -65,6 +65,12 @@
     margin-top: 20px;
 }
 
-.workspace-tabs {
-    position: absolute;
+@media (min-width: 768px) {
+    .workspace-tabs {
+        position: absolute;
+    }
+
+    .workspace-tabs > li {
+        float: none;
+    }
 }
--- a/templates/index.html	Mon Jul 06 01:45:50 2015 +0800
+++ b/templates/index.html	Wed Jul 08 02:16:46 2015 +0800
@@ -37,17 +37,11 @@
   <body style="opacity: 0;">
     <div class="container">
       <div class="row">
-        <div class="col-sm-2 ui-sidebar text-right">
+        <div class="col-sm-2 col-xs-6 ui-sidebar text-right">
           <button class="btn btn-xs btn-success btn-new-project">New project</button>
         </div>
-        <div class="col-sm-8">
-          <h3>
-            <span class="text-muted">Workspace</span> <span class="workspace-title"></span> <small>(<span class="project-counter"></span>)</small>
-          </h3>
-          <hr>
-        </div>
-        <div class="col-sm-2 ui-sidebar">
-          <ul class="nav nav-pills nav-stacked workspace-tabs">
+        <div class="col-sm-2 col-sm-push-8 col-xs-6 ui-sidebar">
+          <ul class="nav nav-pills workspace-tabs">
             <script id="workspace-tab-template" type="text/template">
               <li data-workspace="<%- data.name %>">
                 <a href="#<%- data.name %>">#<%- data.name %></a>
@@ -55,6 +49,12 @@
             </script>
           </ul>
         </div>
+        <div class="col-sm-8 col-sm-pull-2 col-xs-12">
+          <h3>
+            <span class="text-muted">Workspace</span> <span class="workspace-title"></span> <small>(<span class="project-counter"></span>)</small>
+          </h3>
+          <hr>
+        </div>
       </div>
 
       <section class="projects">
@@ -65,7 +65,7 @@
                 <button class="btn btn-xs btn-danger btn-delete-project">Delete</button>
                 <button class="btn btn-xs btn-success btn-new-task">New task</button>
               </div>
-              <div class="col-sm-4">
+              <div class="col-sm-4 col-xs-6">
                 <h4>
                   <span class="inline-editable"
                     data-input-type="input"
@@ -74,7 +74,7 @@
                 </h4>
               </div>
 
-              <div class="col-sm-4">
+              <div class="col-sm-4 col-xs-6">
                 <div class="progress">
                   <div class="progress-bar progress-bar-striped" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"></div>
                 </div>