mobile mentor nav

ehzhang · Oct 3, 2015 · ed8d42c · ed8d42c
1 parent 74cf52a
commit ed8d42c
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 3 deletions.
diff --git a/client/components/nav/nav.html b/client/components/nav/nav.html
@@ -18,6 +18,25 @@
         </div>
       </div>
     </div>
+
+    <div id="mobile-nav">
+      {{#if userIs 'mentor'}}
+        <div class="ui bottom fixed three item labeled icon menu">
+          <a class="item" href="/">
+            <i class="home icon"></i>
+            Home
+          </a>
+          <a class="item" href="/mentor">
+            <i class="inbox icon"></i>
+            Mentor
+          </a>
+          <a class="item" href="/profile">
+            <i class="child icon"></i>
+            Profile
+          </a>
+        </div>
+      {{/if}}
+    </div>
   {{/if}}
 </template>
 

diff --git a/client/stylesheets/scss/components/_nav.scss b/client/stylesheets/scss/components/_nav.scss
@@ -8,4 +8,11 @@
     left: 90%;
     padding: 0.4em;
   }
-}
+}
+
+@media only screen and (min-width: 768px) {
+
+  #mobile-nav {
+    display: none;
+  }
+}
diff --git a/client/stylesheets/scss/components/_ticketPanel.scss b/client/stylesheets/scss/components/_ticketPanel.scss
@@ -2,6 +2,7 @@
   text-align: center;
   .title {
     font-size: 1.8em;
+    line-height: 1.8em;
     margin-bottom: 12px;
   }
   .content {

diff --git a/client/views/home/home.html b/client/views/home/home.html
@@ -1,6 +1,5 @@
 <template name="home">
   <section id="home">
-
     <div class="ui centered stackable page grid">
       <div class="centered row">
         <div class="twelve wide column">
@@ -26,7 +25,6 @@
         </div>
       </div>
     </div>
-
   </section>
 </template>