Fixing scrollbars in the code blocks

thedevdojo · Oct 25, 2024 · 2f4f65b · 2f4f65b
1 parent 65e0b8c
commit 2f4f65b
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -487,4 +487,24 @@ div.hljs-copy-container{
 
 .filename-top > p{
   display:none;
+}
+
+
+/* Scrollbar for code blocks */
+/* width */
+code::-webkit-scrollbar {
+  height:5px;
+}
+/* Track */
+code::-webkit-scrollbar-track {
+  background: transparent; 
+}
+/* Handle */
+code::-webkit-scrollbar-thumb {
+  background: rgba(255, 255, 255, 0.1); 
+  border-radius:10px;
+}
+/* Handle on hover */
+code::-webkit-scrollbar-thumb:hover {
+  background: rgba(255, 255, 255, 0.14);
 }