New rustdoc navigation

onur · onur · commit 48e07b2e4390 · 2017-03-21T22:24:35.000+03:00
diff --git a/templates/navigation_rustdoc.hbs b/templates/navigation_rustdoc.hbs
@@ -0,0 +1,30 @@
+    <div class="nav-container">
+      <div class="container-rustdoc rustdoc-navigation">
+        <div class="pure-menu pure-menu-horizontal">
+          <form action="/releases/search" method="GET" class="landing-search-form-nav">
+            {{#unless varsb.show_search_form}}
+            <input class="search-input-nav" name="query" type="text" placeholder="Search crate"{{#if varss.search_query}} value="{{varss.search_query}}"{{/if}}>
+            {{/unless}}
+            <a href="/" class="pure-menu-heading pure-menu-link"><i class="fa fa-cubes fa-fw"></i><span class="title"> Docs.rs</span></a>
+          {{#with content.metadata}}
+          <ul class="pure-menu-list">
+            <li class="pure-menu-item">
+              <a href="/crate/{{name}}/{{version}}" class="pure-menu-link" title="{{description}}"><i class="fa fa-fw fa-cube"></i><span class="title"> {{name}}-{{version}}</span></a>
+            </li>
+            <li class="pure-menu-item">
+              <a href="/crate/{{name}}/{{version}}/source/" title="Browse source of {{name}}-{{version}}" class="pure-menu-link{{#if ../../varsb.package_source_tab}} pure-menu-active{{/if}}"><i class="fa fa-fw fa-folder-open-o"></i><span class="title"> Source</span></a>
+            </li>
+          {{/with}}
+            <li class="pure-menu-item pure-menu-has-children pure-menu-allow-hover">
+              <a href="#" class="pure-menu-link"><i class="fa fa-fw fa-gears"></i><span class="title"> Platform</span></a>
+              <ul class="pure-menu-children">
+                {{#each content.platforms}}
+                <li class="pure-menu-item"><a href="/{{../../metadata.name}}/{{../../metadata.version}}/{{this}}/{{../../metadata.target_name}}/" class="pure-menu-link">{{this}}</a></li>
+                {{/each}}
+              </ul>
+            </li>
+          </ul>
+          </form>
+        </div>
+      </div>
+    </div>
diff --git a/templates/rustdoc.hbs b/templates/rustdoc.hbs
@@ -8,8 +8,8 @@
     <link rel="search" href="https://docs.rs/opensearch.xml" type="application/opensearchdescription+xml" title="Docs.rs">
   </head>
   <body>
-    {{> navigation}}
-    <div class="rustdoc container">
+    {{> navigation_rustdoc}}
+    <div class="rustdoc container-rustdoc">
       {{{content.rustdoc_body}}}
     </div>
   </body>
diff --git a/templates/style.scss b/templates/style.scss
@@ -50,16 +50,12 @@ html, button, input, select, textarea,
 // rustdoc overrides
 div.rustdoc {
     font-family: $font-family-serif;
-    padding: 0 1em;
-
-    @media #{$media-sm} {
-        padding-left: 0;
-    }
+    padding: 10px 15px 20px 15px;
 }
 
 .sidebar {
-    top: 160px;
-    left: auto;
+    top: 34px;
+    left: 0;
 }
 
 body {
@@ -103,6 +99,11 @@ div.container {
     text-align: left;
 }
 
+div.container-rustdoc {
+    max-width: 1200px;
+    text-align: left;
+}
+
 div.nav-container {
     border-bottom: 1px solid $color-border;
 
@@ -152,6 +153,15 @@ div.nav-container {
             border-left: none;
         }
     }
+
+    div.rustdoc-navigation {
+        span.title {
+            display: none;
+            @media #{$media-sm} {
+                display: inline;
+            }
+        }
+    }
 }
 
 div.landing {
@@ -495,6 +505,9 @@ div.cratesfyi-package-container {
             text-overflow: ellipsis;
         }
     }
+    div.description-in-rustdoc {
+        padding: 10px 0 10px 14px;
+    }
 
     .pure-menu {
         margin-bottom: -1px;
@@ -555,6 +568,10 @@ div.cratesfyi-package-container {
     }
 }
 
+div.cratesfyi-package-container-rustdoc {
+    margin-bottom: 10px;
+}
+
 
 div.warning {
     font-family: $font-family-sans;
