hide TOC unless there is > 1 topics

googlearchive · Apr 14, 2014 · e4d61ae · e4d61ae
1 parent f757bc9
commit e4d61ae
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 8 deletions.
diff --git a/core-doc-viewer.html b/core-doc-viewer.html
@@ -20,6 +20,7 @@
       }
 
       core-doc-toc {
+        display: none;
         width: 332px;
         overflow-x: hidden;
       }
@@ -37,7 +38,7 @@
     </template>
 
     <core-layout core-fit>
-      <core-doc-toc data="{{classes}}" selected="{{selected}}"></core-doc-toc>
+      <core-doc-toc id="toc" data="{{classes}}" selected="{{selected}}"></core-doc-toc>
       <core-doc-page core-flex data="{{data}}"></core-doc-page>
     </core-layout>
 
@@ -92,6 +93,9 @@
         if (!this.data && !this.route && this.classes.length) {
           this.data = this.classes[0];
         }
+        if (this.classes.length > 1) {
+          this.$.toc.style.display = 'block';
+        }
         this.validateRoute();
       }
 

diff --git a/demo.html b/demo.html
@@ -26,7 +26,8 @@
 <body unresolved>
 
   <core-doc-viewer sources='[
-    "../core-ajax/core-ajax.html"
+    "../core-ajax/core-ajax.html",
+    "../core-ajax/core-xhr.html"
   ]'></core-doc-viewer>
 
 </body>

diff --git a/elements/core-doc-page.css b/elements/core-doc-page.css
@@ -2,6 +2,16 @@
   display: block;
 }
 
+#panel {
+  height: 100%;
+}
+
+.main {
+  padding: 0 72px;
+  max-width: 832px;
+  margin: 0 auto;
+}
+
 markedjs-element {
   display: block;
 }
@@ -62,11 +72,6 @@ pre code {
   border: none;
 }
 
-.main {
-  padding: 0 72px;
-  max-width: 832px;
-}
-
 /**/
 
 .details-name {

diff --git a/elements/core-doc-page.html b/elements/core-doc-page.html
@@ -29,7 +29,7 @@
     <link rel="stylesheet" href="../../highlightjs/styles/default.css">
     <link rel="stylesheet" href="core-doc-page.css">
 
-    <core-header-panel style="height: 100%;" mode="waterfall">
+    <core-header-panel id="panel" mode="waterfall">
 
       <!--<core-toolbar>
         <span style="margin: 0 72px;">{{data.name}}</span>