Nav updates mobile menu (#77)

patmellon · web-flow · commit 02741f94364d · 2020-09-21T11:11:21.000-04:00
* Update mobile menu

* Remove class from Community link

* update mobile menu

* Update class name
diff --git a/_includes/mobile_menu.html b/_includes/mobile_menu.html
@@ -27,10 +27,6 @@
           <a href="{{ site.baseurl }}/get-started">Get Started</a>
         </li>
 
-        <li class="{% if current[1] == 'features' %}active{% endif %}">
-          <a href="{{ site.baseurl }}/features">Features</a>
-        </li>
-
         <li class="{% if current[1] == 'ecosystem' %}active{% endif %}">
           <a href="{{ site.baseurl }}/ecosystem">Ecosystem</a>
         </li>
@@ -39,10 +35,6 @@
           <a href="{{ site.baseurl }}/mobile">Mobile</a>
         </li>
 
-        <li class="{% if current[1] == 'hub' %}active{% endif %}">
-          <a href="{{ site.baseurl }}/hub">PyTorch Hub</a>
-        </li>
-
         <li class="{% if current[1] == 'blog' %}active{% endif %}">
           <a href="{{ site.baseurl }}/blog">Blog</a>
         </li>
@@ -55,10 +47,32 @@
           <a href="{{ site.baseurl }}/docs">Docs</a>
         </li>
 
-        <li class="{% if current[1] == 'resources' %}active{% endif %}">
-          <a href="{{ site.baseurl }}/resources">Resources</a>
+        <li class="resources-mobile-menu-title">
+          Resources
         </li>
 
+        <ul class="resources-mobile-menu-items">
+          <li class="{% if current[1] == 'resources' %}active{% endif %}">
+            <a href="{{ site.baseurl }}/resources">Developer Resources</a>
+          </li>
+
+          <li class="{% if current[1] == 'features' %}active{% endif %}">
+            <a href="{{ site.baseurl }}/features">About</a>
+          </li>
+
+          <li class="{% if current[1] == 'hub' %}active{% endif %}">
+            <a href="{{ site.baseurl }}/hub">Models (Beta)</a>
+          </li>
+
+          <li>
+            <a href="{{ site.baseurl }}/#community-module">Community</a>
+          </li>
+
+          <li>
+            <a href="{{ site.external_urls.discuss }}">Forum</a>
+          </li>
+        </ul>
+
         <li id="github-mobile-menu-link">
           <a href="{{ site.external_urls.github }}">GitHub</a>
         </li>
diff --git a/_sass/navigation.scss b/_sass/navigation.scss
@@ -168,7 +168,7 @@
     padding: 0;
   }
 
-  ul li a {
+  ul li a, .resources-mobile-menu-title {
     font-size: rem(32px);
     color: $white;
     letter-spacing: 0;
@@ -203,14 +203,14 @@
   height: 100%;
   min-height: 100%;
   margin-top: -$mobile_header_height;
-  padding-top: 25%;
+  padding-top: 50%;
+  overflow-y: scroll;
   @media only screen and (max-width: 320px) {
-    padding-top: 50%;
-    overflow-y: scroll;
+    padding-top: 75%;
   }
 
   @include small-desktop {
-    padding-top: 0;
+    padding-top: 25%;
   }
 
   .navSearchWrapper {
@@ -396,3 +396,11 @@
   background-color: $orange;
   color: white;
 }
+
+.mobile-main-menu-links-container {
+  ul.resources-mobile-menu-items {
+    li {
+      padding-left: 15px;
+    }
+  }
+}
