Merge pull request #56 from couchbase/ui-bug-fixes

UI issues fixes for image block  paragraph and table definition list

Author: amarantha-k

src/css/base.css

@@ -64,7 +64,6 @@ pre {
 
 code {
   background-color: #0074e00e;
-  font-size: var(--font-small);
   word-spacing: -0.125em;
   color: var(--color-brand-gray1);
 }

src/css/doc.css

@@ -190,6 +190,18 @@ ul ul ul {
   border-top-width: 1px;
 }
 
+.ulist li .paragraph:first-child,
+.olist li .paragraph:first-child,
+.dlist li .paragraph:first-child {
+  margin-top: var(--base-extra-small-space);
+}
+
+.ulist li .imageblock,
+.olist li .imageblock,
+.dlist li .imageblock {
+  margin-bottom: var(--base-extra-small-space);
+}
+
 /* .doc table.tableblock,
 .doc th.tableblock,
 .doc td.tableblock {
@@ -418,7 +430,7 @@ ul ul ul {
 }
 
 .doc .imageblock img {
-  display: block;
+  display: inline-block;
 }
 
 .doc .imageblock .title {
@@ -467,7 +479,7 @@ ul ul ul {
   margin-top: var(--base-extra-large-space);
 }
 
-.doc .abstract blockquote * {
+.doc blockquote * {
   font-weight: inherit;
 }
 /* .doc .abstract blockquote::before {
@@ -546,6 +558,10 @@ ul ul ul {
   margin: 0;
 }
 
+.hdlist table .hdlist1 + .hdlist2 p {
+  margin-left: var(--base-space);
+}
+
 .doc pre:not(.highlight),
 .doc pre.highlight code {
   /* background-color: #151514; */
@@ -1102,4 +1118,12 @@ table.tableblock pre code.language-bash.hljs {
   .doc h6 > a.anchor {
     font-size: 18px;
   }
+
+  .card-row .column .content .imageblock {
+    text-align: center;
+  }
+
+  main {
+    padding-bottom: 2rem;
+  }
 }

src/css/header.css

@@ -1,5 +1,11 @@
-.navbar-new-top {
+.header-top-row {
   background: var(--color-brand-white);
+  padding: 0 var(--width-container-gutter);
+}
+
+.header-top-row .container {
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .navbar-brand img {
@@ -305,5 +311,6 @@
     display: block;
     position: absolute;
     width: 100%;
+    left: 0;
   }
 }

src/css/landing-page.css

@@ -370,6 +370,8 @@
 
   .doc.landing-page-doc .media-left {
     margin-left: 0;
+    padding-left: 0;
+    text-align: center;
   }
 
   .doc.landing-page-doc figure {

src/css/nav.css

@@ -7,7 +7,7 @@
   scrollbar-width: thin;
   scrollbar-color: var(--color-border) transparent;
   height: 100%;
-  z-index: var(--z-index-nav);
+  z-index: 5;
   transition: all 0.1s;
 }
 

src/css/table.css

@@ -40,11 +40,15 @@ table.tableblock thead th {
   padding-bottom: var(--base-space);
   text-align: left;
   border-bottom: 2px solid var(--color-brand-blue-secondary);
-  font-size: 1rem;
-  line-height: 1.25rem;
+  font-size: 1.125rem;
+  line-height: 1.5rem;
   font-weight: var(--weight-semibold);
 }
 
+/* table.tableblock tbody td:first-child strong {
+  font-size: 1.125rem;
+} */
+
 table.tableblock tbody tr {
   display: table-cell;
 }

src/js/01-nav.js

@@ -143,14 +143,14 @@
   function concealEvent (e) {
     e.stopPropagation()
   }
-
   // scroll left menu to current active page
-
-  var currentPageMenu = document.querySelector('.is-current-page')
-  var topPositon = currentPageMenu.offsetTop
-  var leftMenu = document.querySelector('.left-sidebar-menu .nav-menu')
   setTimeout(function () {
-    leftMenu.scrollTop = topPositon
+    if (document.querySelector('.is-current-page')) {
+      var currentPageMenu = document.querySelector('.is-current-page')
+      var topPositon = currentPageMenu.offsetTop
+      var leftMenu = document.querySelector('.left-sidebar-menu .nav-menu')
+      leftMenu.scrollTop = topPositon
+    }
   }, 200)
 
   // clearTimeout(scrollCurrentPageMenu, 20000)