From 0cec76816fe2d6bb6a6460212491213b4f25d723 Mon Sep 17 00:00:00 2001
From: Paul Jongsma <paulj@webtic.nl>
Date: Sat, 17 Oct 2020 17:29:05 +0200
Subject: [PATCH] wrap a scroll-area

---
 src/components/viewCard.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/viewCard.vue b/src/components/viewCard.vue
index fe47d6a6..8297db73 100644
--- a/src/components/viewCard.vue
+++ b/src/components/viewCard.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <q-dialog v-model="showDialog" full-width>
+    <q-dialog v-model="showDialog" full-width full-height>
       <q-card>
         <q-bar class="text-white bg-green"
           >Viewpoint in {{ collection.title }}
@@ -25,11 +25,13 @@
           <q-btn v-close-popup dense round flat icon="close" />
         </q-bar>
 
-        <q-card-section>
-          <h1>{{ viewpoint.title }}</h1>
-          <h4>{{ viewpoint.introduction }}</h4>
-          <span v-html="viewpoint.text" />
-        </q-card-section>
+        <q-scroll-area>
+          <q-card-section>
+            <h1>{{ viewpoint.title }}</h1>
+            <h4>{{ viewpoint.introduction }}</h4>
+            <span v-html="viewpoint.text" />
+          </q-card-section>
+        </q-scroll-area>
       </q-card>
     </q-dialog>
   </div>
-- 
GitLab