From 619115941499374c82a7c8096fe948a3e1ccce37 Mon Sep 17 00:00:00 2001
From: Adrian Heine <mail@adrianheine.de>
Date: Fri, 25 Sep 2020 20:12:40 +0200
Subject: [PATCH] Nice scrollbar

---
 src/display.js |  4 ++--
 style.css      | 11 +++++++++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/display.js b/src/display.js
index 2b3b38e..09ee85a 100644
--- a/src/display.js
+++ b/src/display.js
@@ -159,8 +159,8 @@ export class Display {
         <h1>${name}</h1>
         <p class=desc>${desc}</p>
         </header>
-        <div class=fulltext>${text}
-        <blockquote>${data.quote || ''}</blockquote></div>
+        <div class=fulltext-wrapper><div class=fulltext>${text}
+        <blockquote>${data.quote || ''}</blockquote></div></div>
       `)
       target.appendChild(wrapper)
     }
diff --git a/style.css b/style.css
index b21099e..9b79ded 100644
--- a/style.css
+++ b/style.css
@@ -116,14 +116,21 @@ h1, .desc {
   margin-left: 0.5rem;
 }
 
-.fulltext {
+/* This wrapper is necessary so that the scrollbar doesn't clip out of
+ * the rounded border */
+.fulltext-wrapper {
   flex-grow: 1;
   background-color: #99d7e9;
   border-radius: 20px;
   border: 3px solid #1a1c1c;
   color: #1a1c1c;
+  overflow: hidden;
+}
+
+.fulltext {
   padding: 0 0.5em;
-  overflow: auto;
+  overflow-y: auto;
+  height: 100%;
 }
 
 .fulltext p {