Scrollable code on overflow

creativescala · Jan 15, 2025 · 6013950 · 6013950
1 parent e0b0ed0
commit 6013950
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/main/css/creative-scala.css b/src/main/css/creative-scala.css
@@ -180,7 +180,7 @@ div#content .solution details .solution-body pre {
 
 /** SYNTAX HIGHLIGHTING **/
 div#content pre {
-  @apply mb-4 px-4 py-2 bg-slate-800 text-slate-300 rounded-md;
+  @apply mb-4 px-4 py-2 bg-slate-800 text-slate-300 rounded-md overflow-x-auto;
 }
 div#content code {
   @apply text-sm;

diff --git a/src/main/resources/creativescala/css/creative-scala.css b/src/main/resources/creativescala/css/creative-scala.css
@@ -983,6 +983,7 @@ div#content .solution details .solution-body pre {
 
 div#content pre {
   margin-bottom: 1rem;
+  overflow-x: auto;
   border-radius: 0.375rem;
   --tw-bg-opacity: 1;
   background-color: rgb(30 41 59 / var(--tw-bg-opacity));