Customize the scrollbar in code boxes for WebKit-based browsers

TriliumNext · Oct 28, 2024 · b9ebc66 · b9ebc66
1 parent 2f4ed92
commit b9ebc66
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
@@ -835,6 +835,20 @@ html .note-detail-editable-text :not(figure, .include-note):first-child {
     overflow: auto;
 }
 
+.ck-content pre code::-webkit-scrollbar {
+    height: 6px;
+}
+
+.ck-content pre code::-webkit-scrollbar-thumb {
+    height: 4px;
+    border: none !important;
+    background: gray !important;
+}
+
+.ck-content pre code::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb {
+    cursor: default;
+}
+
 .note-detail-printable:not(.word-wrap) pre {
     white-space: pre;
     margin-right: 1em;