Merge pull request #66 from couchbase/aw-ui-bug-fix

Bug fixes

Author: amarantha-k

src/css/doc.css

@@ -29,6 +29,7 @@
   display: flex;
   align-items: center;
   flex-wrap: wrap;
+  flex-basis: 100%;
 }
 
 .doc h1.page {
@@ -128,6 +129,7 @@
   color: inherit;
   font-size: inherit;
   word-spacing: inherit;
+  background: none;
 }
 
 .doc .paragraph {
@@ -425,7 +427,7 @@ ul ul ul {
   /* padding-left: var(--base-space); */
   box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
   border-radius: 5px;
-  align-items: center;
+  /* align-items: center; */
   max-width: var(--image-block-container);
 }
 
@@ -603,6 +605,12 @@ ul ul ul {
   position: relative;
 }
 
+.doc pre pre {
+  background: none;
+  border: 0;
+  padding: 0;
+}
+
 /* .doc pre.highlight .hljs-attr {
   color: var(--hljs-attr);
 } */

src/js/02-on-this-page.js

@@ -5,12 +5,13 @@
   if (!sidebar) return
   var doc
   var headings
+  // comments this to show right sidebar on every page.
   if (
     document.querySelector('.body.-toc') ||
     !(headings = find('h1[id].sect0, .sect1 > h2[id]', (doc = document.querySelector('article.doc')))).length
   ) {
-    sidebar.parentNode.removeChild(sidebar)
-    return
+    // sidebar.parentNode.removeChild(sidebar)
+    // return
   }
   var lastActiveFragment
   var links = {}

src/partials/toc.hbs

@@ -1,47 +1,47 @@
 <aside class="toc sidebar">
   <div class="sidebar-box">
-      {{> toolbar}}
-      <div class="toc-menu"></div>
-        <div class="is-this-helpful-box">
-          <h4> Is this page helpful?</h4>
-            <div class="btn-row">
-              <a href="#" class="like-btn helpful-btn" id="yesBtn" data-page-rating="like" >
-                     <i class="far fa-thumbs-up"></i>
-                 Yes
-
-                 </a>
-              <a href="#" class="dislike-btn helpful-btn" id="noBtn"  data-page-rating="dislike"> <i class="far fa-thumbs-down"></i> No</a>
-            </div>
-            <div class="any-feedback">
-              <a href="#" class="btn any-feedback-btn" id="myCustomTrigger">Leave Additional Feedback? </a>
-            </div>
-            <div class="dialog-box" id="dialogBox">
-              <form>
-                  <div class="form-group " id="additionalFeedbackBox">
-                    <textarea class="input-control feed-back-msg" rows="8" placeholder="Any Additonal Feedback?"></textarea>
+    {{> toolbar}}
+    <div class="toc-menu"></div>
+    <div class="is-this-helpful-box">
+      <h4> Is this page helpful?</h4>
+      <div class="btn-row">
+        <a href="#" class="like-btn helpful-btn" id="yesBtn" data-page-rating="like" >
+                <i class="far fa-thumbs-up"></i>
+            Yes
+
+            </a>
+        <a href="#" class="dislike-btn helpful-btn" id="noBtn"  data-page-rating="dislike"> <i class="far fa-thumbs-down"></i> No</a>
+      </div>
+      <div class="any-feedback">
+        <a href="#" class="btn any-feedback-btn" id="myCustomTrigger">Leave Additional Feedback? </a>
+      </div>
+      <div class="dialog-box" id="dialogBox">
+        <form>
+            <div class="form-group " id="additionalFeedbackBox">
+              <textarea class="input-control feed-back-msg" rows="8" placeholder="Any Additonal Feedback?"></textarea>
 
-                    <div class="action-btn-row ">
-                      <a href="#" class="skip-btn" id="skipBtnMsg">Skip</a>
-                       <button class="submit-btn btn blue-btn disabled" > Submit  </button>
-                       <a href="#" class="info-btn"><i class="fas fa-info-circle"></i></a>
-                    </div>
+              <div class="action-btn-row ">
+                <a href="#" class="skip-btn" id="skipBtnMsg">Skip</a>
+                  <button class="submit-btn btn blue-btn disabled" > Submit  </button>
+                  <a href="#" class="info-btn"><i class="fas fa-info-circle"></i></a>
+              </div>
 
 
-                  </div>
+            </div>
 
-                  {{!-- <div class="leave-addtional-box" id="leaveAddtinalBox">
-                    <div class="text-msg"> <p>Leave Additional Feedback?</p> </div>
-                         <div class="action-btn-row leave-feedback-btn-row">
-                            <a href="#" class="skip-btn" id="skipLeaveBtn">Skip</a>
-                            <button class="yes-btn btn blue-btn"> Yes  </button>
+            {{!-- <div class="leave-addtional-box" id="leaveAddtinalBox">
+              <div class="text-msg"> <p>Leave Additional Feedback?</p> </div>
+                    <div class="action-btn-row leave-feedback-btn-row">
+                      <a href="#" class="skip-btn" id="skipLeaveBtn">Skip</a>
+                      <button class="yes-btn btn blue-btn"> Yes  </button>
 
-                      </div>
-                  </div> --}}
-              </form>
+                </div>
+            </div> --}}
+        </form>
 
-            </div>
       </div>
-   </div>
+    </div>
+  </div>
 
 </aside>