trying to fix scrollspy on doc

hurlatunde · hurlatunde · commit 28930e8b193e · 2016-09-24T19:10:26.000+01:00
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/_includes/head.html b/_includes/head.html
@@ -25,4 +25,6 @@
     <link rel="shortcut icon" href="{{ site.url }}/assets/img/favicon.png">
 
     <script type="text/javascript" src="{{ site.url }}/assets/js/jquery-2.1.4.min.js"></script>
+    <script type="text/javascript" src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
+
 </head>
diff --git a/_includes/js.html b/_includes/js.html
@@ -1,4 +1,3 @@
-<script type="text/javascript" src="{{ site.url }}/assets/js/bootstrap.min.js"></script>
 <script type="text/javascript" src="{{ site.url }}/assets/js/jquery.scrollTo-1.4.3.1-min.js"></script>
 <script type="text/javascript" src="{{ site.url }}/assets/js/modernizr.custom.js"></script>
 <script type="text/javascript" src="{{ site.url }}/assets/js/page-transitions.js"></script>
@@ -21,7 +20,7 @@
                 $('#related-articles').css({position: 'static', top: '0px'});
             }
         })
-
+    });
 </script>
 
 {% if site.owner.google.analytics %}
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -3,7 +3,7 @@
 
 {% include head.html %}
 <body>
-<div class="mcontent" id="wrap">
+<div class="mcontent" id="wrap" data-spy="scroll" data-target="#navbar-doc-side">
     {{ content }}
     {% include footer.html %}
     {% include js.html %}
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -9,8 +9,10 @@ body {
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     font-size: 14px;
     line-height: 1.231;
+    position: relative;
 }
 
+
 input,
 button,
 select,
@@ -2315,4 +2317,16 @@ p strong {
     height: 100%;
     background: rgba(27, 31, 35, 0.87);
     opacity: 0.999;
+}
+
+.blog-4 h3 {
+    font-size: 35px;
+    margin: 0 0 35px;
+    font-size: 35px;
+    margin: 43px 0 22px 0;
+    padding-top: 20px;
+}
+
+.blog-4 .related-articles a:hover, .blog-4 .related-articles a:focus, .blog-4 .related-articles a.active {
+    color: #13584b;
 }
diff --git a/documentation-beta/doc.html b/documentation-beta/doc.html
@@ -100,7 +100,7 @@ <h3>Getting Help</h3>
             <div class="col-sm-3">
                 <div class="related-articles" id="related-articles">
                     <h6> Preface </h6>
-                    <ul>
+                    <ul id="navbar-doc-side">
                         <li class=""><a href="#swallow_intro"> SwallowJs Intro</a></li>
                         <li class="dropdown active">
                             <a href="#" class="dropdown-toggle" id="dropdown_tutorial" data-toggle="dropdown">
@@ -152,4 +152,8 @@ <h6> Preface </h6>
         </nav>
 
     </div>
-</div>
+</div>
+
+<script>
+    $('body').scrollspy({ target: '#navbar-doc-side' })
+</script>
diff --git a/documentation-beta/tutorial-firebase.html b/documentation-beta/tutorial-firebase.html
@@ -277,7 +277,7 @@ <h3> Firebase Database Configuration </h3>
             <div class="col-sm-3">
                 <div class="related-articles" id="related-articles">
                     <h6> Preface </h6>
-                    <ul>
+                    <ul id="navbar-doc-side">
                         <li class=""><a href="#swallow_intro"> Blog Tutorial </a></li>
                         <li class=""><a href="#blog_started"> Get Started </a></li>
                         <li class=""><a href="#firebase_cli"> Getting Firebase CLI </a></li>
@@ -289,4 +289,8 @@ <h6> Preface </h6>
             </div>
         </div>
     </div>
-</section>
+</section>
+
+<script>
+    $('body').scrollspy({ target: '#navbar-doc-side' })
+</script>
