add scrollbar on codeblock for bash section

Author: rakeshAlgo

src/css/clipboard.css

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

src/css/doc.css

@@ -148,7 +148,7 @@
 }
 
 .ulist {
-  padding-left: var(--base-extra-small-space);
+  padding-left: var(--base-space);
 }
 
 .doc hr {
@@ -571,7 +571,8 @@
 
 */
 
-table.tableblock code.language-console.hljs.shell {
+table.tableblock code.language-console.hljs.shell,
+table.tableblock pre code.language-bash.hljs {
   white-space: normal;
 }