From b9ebc6612200ca3fa04368a0b95f44e94e457b20 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 29 Oct 2024 01:30:08 +0200
Subject: [PATCH] Customize the scrollbar in code boxes for WebKit-based
 browsers

---
 src/public/stylesheets/style.css | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 740217a98..4c4aac9b7 100644
--- 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;