Merge pull request #14 from amplitude/devdoc-content-migration

devdoc content migration

content/collections/data/amplitude-data-settings.md

@@ -32,7 +32,9 @@ These settings and features are broken out into five different tabs: General; En
 | Member | Modify the tracking plan for approval |
 | Viewer | View the tracking plan and comment |
 
-**NOTE:** If the *Require team reviews to make changes to the main branch* option is disabled in the project settings, members will have the ability to modify the tracking plan; however, receiving approval would no longer be required. All other permissions remain the same.
+{{partial:admonition type="info" title=""}}
+If the *Require team reviews to make changes to the main branch* option is disabled in the project settings, members will have the ability to modify the tracking plan; however, receiving approval would no longer be required. All other permissions remain the same.
+{{/partial:admonition}}
 
 ## The General tab
 

resources/css/site.css

@@ -100,14 +100,30 @@
 
 /* This is all you. */
 
-.toc-link:last-of-type::before {
-    height: 2rem;
-  }
+ul.toc-list {
+    list-style-type: none;
+    padding-left: 10px;
+    overflow: hidden;
+    position: relative;
+}
 
 .is-active-link::before {
     @apply bg-amp-blue-500;
 }
 
+a.toc-link {
+    display: block;
+}
+
+.is-collapsed {
+    max-height: 0;
+    display: none;
+}
+
+.toc-list-item {
+    padding: 0;
+}
+
 .hint {
     box-shadow: theme('boxShadow.lg');
     border: 1px solid;
@@ -239,16 +255,19 @@
     background-color: theme('colors.amp-red.500');
 }
 
-ul.toc-list {
-    list-style-type: none;
-    padding: 0;
-}
-
 
 .heading-permalink {
     opacity: 0;
     margin-left: -12px;
   }
+
+h2::before, h3::before {
+    content: "";
+    display: block;
+    height: 100px;  /* height of your fixed header */
+    margin-top: -100px;  /* negative value of fixed header height */
+    visibility: hidden;
+}
 
   h1:hover .heading-permalink,
   h2:hover .heading-permalink,

resources/views/_toc.antlers.html

@@ -6,7 +6,14 @@
 
 
   <script>
-    tocbot.init({
+
+    // Get all h2 and h3 elements
+    var headings = document.querySelectorAll('h2, h3');
+
+    // Check if there are more than 3
+    if (headings.length > 3) {
+      // Execute your code here
+      tocbot.init({
         // Where to render the table of contents.
         tocSelector: '.js-toc',
         // Where to grab the headings to build the table of contents.
@@ -18,5 +25,6 @@
         ignoreSelector: '.hint-title',
         orderedList: false,
         ignoreHiddenElements: true,
-      });
+      });    }
+   
   </script>