refactor: move changes to kilo-ui

packages/kilo-ui/src/components/markdown.css

@@ -2,4 +2,32 @@
   .shiki {
     margin: 0rem;
   }
+
+  pre {
+    scrollbar-width: thin;
+    scrollbar-color: var(--border-weak-base) transparent;
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-corner {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-button {
+      display: none;
+      width: 0;
+      height: 0;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background: var(--border-weak-base);
+      border-radius: 4px;
+
+      &:hover {
+        background: var(--border-strong-base);
+      }
+    }
+  }
 }

packages/kilo-ui/src/styles/globals.css

@@ -49,7 +49,8 @@
 }
 
 ::-webkit-scrollbar-button {
-  display: block;
+  display: none;
+  width: 0;
   height: 0;
 }
 
@@ -63,7 +64,8 @@ html[data-theme="kilo-vscode"] {
   font-weight: var(--vscode-font-weight);
 
   ::-webkit-scrollbar-button {
-    display: block;
+    display: none;
+    width: 0;
     height: 0;
   }
 

packages/ui/src/components/markdown.css

@@ -155,26 +155,9 @@
     margin-bottom: 2rem;
     overflow: auto;
 
-    /* Hide vertical scrollbar, show horizontal */
-    scrollbar-width: thin;
-    scrollbar-color: var(--border-weak-base) transparent;
-
+    scrollbar-width: none;
     &::-webkit-scrollbar {
-      width: 0;
-      height: 8px;
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent;
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background: var(--border-weak-base);
-      border-radius: 4px;
-
-      &:hover {
-        background: var(--border-strong-base);
-      }
+      display: none;
     }
   }