From 04a5886551797f68f1fbcb8c25c218718e000d46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonatan=20K=C5=82osko?= <jonatanklosko@gmail.com>
Date: Wed, 21 Sep 2022 23:00:07 +0200
Subject: [PATCH] Add scrollbar to large output code blocks (#1612)

---
 assets/css/content/code.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/assets/css/content/code.css b/assets/css/content/code.css
index d80f4ec65..c51f92165 100644
--- a/assets/css/content/code.css
+++ b/assets/css/content/code.css
@@ -30,8 +30,28 @@
   background-color: var(--codeBackground);
 }
 
+.content-inner pre code::-webkit-scrollbar {
+  width: 0.4rem;
+  height: 0.4rem;
+}
+
+.content-inner pre code::-webkit-scrollbar-thumb {
+  border-radius: 0.25rem;
+  background-color: var(--gray300);
+}
+
+.content-inner pre code::-webkit-scrollbar-track {
+  background-color: var(--gray100);
+}
+
+.content-inner pre code::-webkit-scrollbar-corner {
+  background-color: var(--gray100);
+}
+
 .content-inner pre code.output {
   margin: 0 12px;
+  max-height: 400px;
+  overflow: auto;
 }
 
 .content-inner pre code.output + .copy-button {