Merge pull request #53 from pytorch/revert-52-update-nav-menu

Revert "Update nav menu"

Author: brucejlin1

js/main-menu-dropdown.js

@@ -94,25 +94,11 @@
           </li>
 
           <li>
-            <div class="ecosystem-dropdown">
-              <a id="dropdownMenuButton" data-toggle="ecosystem-dropdown">
-                Ecosystem
-              </a>
-              <div class="ecosystem-dropdown-menu">
-                <a class="nav-dropdown-item" href="{{ theme_variables.external_urls['hub'] }}"">
-                  <span class=dropdown-title>Models (Beta)</span>
-                  <p>Discover, publish, and reuse pre-trained models</p>
-                </a>
-                <a class="nav-dropdown-item" href="{{ theme_variables.external_urls['ecosystem'] }}">
-                  <span class=dropdown-title>Tools & Libraries</span>
-                  <p>Explore the ecosystem of tools and libraries</p>
-                </a>
-              </div>
-            </div>
+            <a href="{{ theme_variables.external_urls['features'] }}">Features</a>
           </li>
 
           <li>
-            <a href="{{ theme_variables.external_urls['mobile'] }}">Mobile</a>
+            <a href="{{ theme_variables.external_urls['ecosystem'] }}">Ecosystem</a>
           </li>
 
           <li>
@@ -128,21 +114,7 @@
           </li>
 
           <li>
-            <div class="resources-dropdown">
-              <a id="resourcesDropdownButton" data-toggle="resources-dropdown">
-                Resources
-              </a>
-              <div class="resources-dropdown-menu">
-                <a class="nav-dropdown-item" href="{{ theme_variables.external_urls['resources'] }}"">
-                  <span class=dropdown-title>Developer Resources</span>
-                  <p>Find resources and get questions answered</p>
-                </a>
-                <a class="nav-dropdown-item" href="{{ theme_variables.external_urls['features'] }}">
-                  <span class=dropdown-title>About</span>
-                  <p>Learn about PyTorch’s features and capabilities</p>
-                </a>
-              </div>
-            </div>
+            <a href="{{ theme_variables.external_urls['resources'] }}">Resources</a>
           </li>
 
           <li>
@@ -446,23 +418,15 @@ <h2>Resources</h2>
       <div class="main-menu">
         <ul>
           <li>
-            <a href="{{ theme_variables.external_urls['get_started'] }}">Get Started</a>
-          </li>
-
-          <li>
-            <a href="{{ theme_variables.external_urls['features'] }}">Features</a>
-          </li>
-
-          <li>
-            <a href="{{ theme_variables.external_urls['ecosystem'] }}">Ecosystem</a>
+            <a href="#">Get Started</a>
           </li>
 
           <li>
-            <a href="{{ theme_variables.external_urls['mobile'] }}">Mobile</a>
+            <a href="#">Features</a>
           </li>
 
           <li>
-            <a href="{{ theme_variables.external_urls['hub'] }}">PyTorch Hub</a>
+            <a href="#">Ecosystem</a>
           </li>
 
           <li>
@@ -501,7 +465,6 @@ <h2>Resources</h2>
       sideMenus.bind();
       scrollToAnchor.bind();
       highlightNavigation.bind();
-      mainMenuDropdown.bind();
 
       // Add class to links that have code blocks, since we cannot create links in code blocks
       $("article.pytorch-article a span.pre").each(function(e) {

pytorch_sphinx_theme/layout.html

@@ -15,8 +15,6 @@
   'ecosystem': 'https://pytorch.org/ecosystem',
   'blog': 'https://pytorch.org/blog/',
   'resources': 'https://pytorch.org/resources',
-  'support': 'https://pytorch.org/support',
-  'mobile': 'https://pytorch.org/mobile',
-  'hub': 'https://pytorch.org/hub',
+  'support': 'https://pytorch.org/support'
 }
--%}
+-%}

pytorch_sphinx_theme/theme_variables.jinja

@@ -612,7 +612,6 @@
     padding-left: 0;
     width: 100%;
     position: absolute;
-    z-index: 1;
 
     &.left-menu-is-fixed {
       position: fixed;
@@ -628,7 +627,6 @@
     left: 0;
     right: 0;
     width: auto;
-    z-index: 1;
 
     &.left-menu-is-fixed {
       left: $desktop_menu_width;
@@ -715,114 +713,3 @@
     }
   }
 }
-
-.main-menu ul li {
-  .ecosystem-dropdown, .resources-dropdown a {
-    cursor: pointer;
-  }
-
-  .dropdown-menu {
-    border-radius: 0;
-    padding: 0;
-
-    .dropdown-item {
-      color: $dark_grey;
-      border-bottom: 1px solid #e2e2e2;
-      &:last-of-type {
-        border-bottom-color: transparent;
-      }
-
-      &:hover {
-        background-color: $orange;
-      }
-
-      p {
-        font-size: rem(16px);
-        color: #979797;
-      }
-    }
-
-    a.dropdown-item {
-      &:hover {
-        color: $white;
-        p {
-          color: $white;
-        }
-      }
-    }
-  }
-}
-
-.ecosystem-dropdown-menu, .resources-dropdown-menu {
-  left: -75px;
-  width: 226px;
-  display: none;
-  position: absolute;
-  top: rem(50px);
-  z-index: 1000;
-  display: none;
-  float: left;
-  min-width: 10rem;
-  padding: 0.5rem 0;
-  margin: 0.125rem 0 0;
-  font-size: 1rem;
-  color: #212529;
-  text-align: left;
-  list-style: none;
-  background-color: $white;
-  background-clip: padding-box;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  border-radius: 0.25rem;
-}
-
-.ecosystem-dropdown-menu.show-menu, .resources-dropdown-menu.show-menu {
-  display: block;
-}
-
-.main-menu ul li {
-  .ecosystem-dropdown-menu, .resources-dropdown-menu {
-    border-radius: 0;
-    padding: 0;
-  }
-}
-
-.main-menu ul li {
-  .ecosystem-dropdown-menu, .resources-dropdown-menu {
-    .dropdown-item {
-      color: #6c6c6d;
-      border-bottom: 1px solid #e2e2e2;
-    }
-  }
-}
-
-.header-holder .main-menu ul li a.nav-dropdown-item {
-  display: block;
-  font-size: rem(16px);
-  line-height: rem(21px);
-  width: 100%;
-  padding: 0.25rem 1.5rem;
-  clear: both;
-  font-weight: 400;
-  color: #979797;
-  text-align: center;
-  background-color: transparent;
-  border-bottom: 1px solid #e2e2e2;
-  &:last-of-type {
-    border-bottom-color: transparent;
-  }
-  &:hover {
-    background-color: $orange;
-    color: white;
-  }
-  .dropdown-title {
-    font-size: rem(18px);
-    color: $dark_grey;
-    letter-spacing: 0;
-    line-height: 34px;
-  }
-}
-
-.header-holder .main-menu ul li a.nav-dropdown-item:hover .dropdown-title {
-  background-color: $orange;
-  color: white;
-}