Updated mobile style.

TNOCS · Aug 21, 2015 · d743e43 · d743e43
1 parent 124eb8d
commit d743e43
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html b/csComp/directives/ProjectSelection/ProjectHeaderSelection.tpl.html
@@ -1,6 +1,5 @@
-<ul class="nav navbar-nav">
+<ul class="nav navbar-nav" style="margin-top: 0; padding-left: 15px;">
     <!--Start project dropdown-->
-
     <li class="dropdown">
         <a target="_blank" data-ng-href="{{vm.$layerService.project.url}}" class="pull-left" style="padding: 10px; padding-bottom: 0; cursor: pointer">
             <img data-ng-src="{{vm.$layerService.project.logo}}" alt="{{vm.$layerService.project.title}}" width="32" height="32" />

diff --git a/example/public/css/mobile-style.css b/example/public/css/mobile-style.css
@@ -12,6 +12,31 @@
   font-weight: normal;
 }*/
 
+.navbar-collapse {
+    width: auto;
+    border-top: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    padding-right: 0;
+    padding-left: 0;
+    max-height: 340px;
+}
+.navbar-collapse:before {
+    display: table;
+    content: " ";
+}
+.navbar-collapse:after,
+  clear: both;
+}
+.navbar-collapse.collapse {
+    display: block !important;
+    height: auto !important;
+    padding-bottom: 0;
+    overflow: visible !important;
+}
+.navbar-collapse.in {
+    overflow-y: visible;
+}
 .sidebar-wrapper {
     height: 100%;
     position: relative;
@@ -297,9 +322,9 @@ input[type="radio"], input[type="checkbox"] {
     width: 100%;
 }
 .leftpanel-container {
-    width:100vw;
-    height:100vh;
-    background:white
+    width: 100vw;
+    height: 100vh;
+    background: white
 }
 .leftpanel-tab {
     background-color: #B5A3C1;

diff --git a/example/public/m.html b/example/public/m.html
@@ -99,7 +99,7 @@
         </div>
 
         <!-- Link to views -->
-        <div class="navbar-collapse collapse">
+        <div class="navbar-fixed-top" style="margin-left: 70px">
             <project-header-selection></project-header-selection>
             <!-- Search form -->
             <!-- <offline-search class="navbar-form navbar-right" style="margin-right:0"></offline-search> -->