From fed9d413a860f66d30a313cefcb0763999213203 Mon Sep 17 00:00:00 2001
From: Jamesb | Experimental Learning <58147075+bjsi@users.noreply.github.com>
Date: Thu, 8 Sep 2022 12:47:55 +0100
Subject: [PATCH] Make popup widget scrollable

- Sets the max height of the statistics div container to 90% of the viewport
- Adds overflow-y-auto class to make it scrollable if it overflows

Please check this works for you when you recompile and run the plugin, I just checked quickly in chrome dev tools :)
---
 src/widgets/statistics.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/widgets/statistics.tsx b/src/widgets/statistics.tsx
index 8ca271c..b1fc7f4 100644
--- a/src/widgets/statistics.tsx
+++ b/src/widgets/statistics.tsx
@@ -18,7 +18,7 @@ export const Statistics = () => {
     chartColor = chartColorSettings;
   }
 
-  return <div class="statisticsBody">
+  return <div style={{ maxHeight: "calc(90vh)" }} class="statisticsBody overflow-y-auto">
     <div><b>Retention rate: </b> {(retentionRate(getNumberRepetitionsGroupedByScore(allCards)))}</div>
     <div class="vSpacing-1rem"/>
     {chart_column(
@@ -336,4 +336,4 @@ function getRepetitionsPerDayObject () {
   } 
 
 
-renderWidget(Statistics);
\ No newline at end of file
+renderWidget(Statistics);