sandbox UI bug fixes

Author: rakeshAlgo

src/css/base.css

@@ -94,6 +94,11 @@ i {
   max-width: var(--width-container);
   padding: 0 var(--width-container-gutter);
 }
+
+.hide,
+.hide-nav {
+  display: none;
+}
 /* .container-fluid {
   max-width: var(--width-container-fluid);
   padding: 0;

src/css/clipboard.css

@@ -147,11 +147,27 @@ a.copy-code-button:hover {
   width: 65px;
   height: 80%;
   position: absolute;
-  right: 0;
+  right: 2px;
   top: 0;
 }
 
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  /* Safari and Chrome */
+  .doc .listingblock pre .fade-shadow {
+    height: calc(100% - 8px);
+  }
+
+}
 code.language-console.hljs.shell {
   white-space: nowrap;
   overflow-x: auto;
 }
+
+code.language-console.hljs.shell::-webkit-scrollbar {
+  width: 0.25rem;
+  height: 5px;
+}
+
+code.language-console.hljs.shell::-webkit-scrollbar-thumb {
+  background-color: var(--color-border);
+}

src/css/doc.css

@@ -416,6 +416,8 @@
   font-size: 0.9375rem;
   margin: 1rem 0 1.5625rem 0;
   font-weight: var(--weight-light);
+  border-left: 2px solid var(--color-brand-gray5);
+  padding-left: 1.125rem;
 }
 
 .doc .abstract blockquote * {

src/css/header.css

@@ -43,7 +43,7 @@
 }
 
 .navbar.navbar-new-bottom {
-  background: var(--color-brand-blue);
+  background: var(--color-brand-blue-secondary);
   display: none;
 }
 
@@ -52,9 +52,9 @@
 }
 
 .navbar-nav .nav-link {
-  color: var(--color-brand-white);
+  color: #ffffffbf;
   text-transform: uppercase;
-  opacity: 0.8;
+  opacity: 1;
   font-size: 1.125rem;
   line-height: 23px;
   font-family: "Source Sans Pro", sans-serif;
@@ -64,11 +64,13 @@
   font-weight: var(--weight-semibold);
   text-decoration: none;
   opacity: 1;
+  color: #fff;
 }
 
 .nav-link:focus,
 .nav-link:hover {
   text-decoration: none;
+  color: #fff;
 }
 
 .primary-action {

src/css/landing-page.css

@@ -232,10 +232,6 @@
   display: none;
 }
 
-.hide {
-  display: none;
-}
-
 /* .card-row.two-column-row .column:nth-child(even) {
   padding-left: 5%;
 } */

src/js/01-nav.js

@@ -130,6 +130,12 @@
     return el
   }
 
+  // hide left nav on top level landing page
+  setTimeout(function () {
+    if (nav.innerText === '') {
+      nav.classList.add('hide-nav')
+    }
+  }, 100)
   // has children in li
   // $('ul.nav-list li.nav-item ul.nav-list .nav-item').has('ul.nav-list').addClass('has-children')
   function concealEvent (e) {

src/js/07-copy-to-clipboard.js

@@ -29,9 +29,9 @@
     copyButton.addEventListener('click', function (e) {
       if (e.target && e.target.matches('a.copy-code-button')) {
         // for console text
-        if (codeBlock.dataset.lang == 'console') {
+        if (codeBlock.dataset.lang === 'console') {
           var bashText = codeBlock.innerText
-         // remove $ from text
+          // remove $ from text
           navigator.clipboard.writeText(bashText.slice(2)).then(
             function () {
               /* Chrome doesn't seem to blur automatically,