瀏覽代碼

Minor corrections for small screens (hiding topbar)

Julio Montoya 12 年之前
父節點
當前提交
9b574b7020
共有 3 個文件被更改,包括 43 次插入3 次删除
  1. 7 0
      main/css/base.css
  2. 35 2
      main/css/responsive.css
  3. 1 1
      main/template/default/layout/menu.tpl

+ 7 - 0
main/css/base.css

@@ -52,6 +52,13 @@ legend {
     font-weight: bold;
 }
 
+.subnav .btn-navbar {
+    background: #efefef;
+}
+
+.subnav .btn-navbar .icon-bar {
+    background-color: #888;    
+}
 
 .subnav-fixed {
     position: fixed;

+ 35 - 2
main/css/responsive.css

@@ -3,12 +3,26 @@
 /* Responsive Docs */
 
 /* Phone */
+
+/* Show 2 icons instead of one */
+@media (max-width: 320px) {
+    #course_tools .row .span4 {
+        /*float: left;        
+        width: 180px;*/
+    }
+}
+
 @media (max-width: 480px) {
     /* No chat in mobiles */
     #chatmain {
         display:none;
     }
     
+    /* No topbar */
+    #topbar {
+        display:none;
+    }
+    
     .subnav .dropdown-toggle {
         display:none;
     }
@@ -46,11 +60,20 @@
         display:none;
     }
     
+    /* Show 2 icons instead of one */
     #course_tools .row .span4 {
         float: left;        
-        width: 212px;
+        height: 150px;
+        width: 133px;
+    }
+    
+    #course_tools .row .span4 h4 {
+        font-size: 14px;
     }
     
+    
+     
+    
     footer {
         border-top: 1px solid #CCCCCC;
         background-color: #fff;
@@ -69,6 +92,11 @@
         display:none;
     }
     
+    /* No topbar */
+    #topbar {
+        display:none;
+    }
+    
     .subnav .dropdown-toggle {
         display:none;
     }
@@ -82,7 +110,7 @@
     }    
     
     .subnav .nav > li > a, .navbar .dropdown-menu a {        
-        color: white;        
+        color: white;
     }
     
     footer .container .row {
@@ -174,6 +202,11 @@
 }
 
 @media (min-width: 768px) and (max-width: 978px) {
+    /* No topbar */
+    #topbar {
+        display:none;
+    }
+    
     /* fixes tabs */
     .subnav .nav-tabs > li > a, .subnav .nav-pills > li > a {
         padding-left: 6px;

+ 1 - 1
main/template/default/layout/menu.tpl

@@ -3,7 +3,7 @@
 <div class="navbar subnav">
     <div class="navbar-inner">
         <div class="container">
-            <a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">                
+            <a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar">              
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>