From dced0a3a5c1016ebb85e232c5cb5638176fa8a0d Mon Sep 17 00:00:00 2001
From: Vinzenz Schroeter <vinzenz.f.s@gmail.com>
Date: Mon, 6 May 2024 01:10:12 +0200
Subject: [PATCH] scroll inside map previews

---
 tank-frontend/src/MapChooser.tsx        | 2 +-
 tank-frontend/src/components/Dialog.css | 2 --
 tank-frontend/src/components/Dialog.tsx | 2 +-
 tank-frontend/src/index.css             | 4 ++++
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/tank-frontend/src/MapChooser.tsx b/tank-frontend/src/MapChooser.tsx
index 15519ed..569fbbe 100644
--- a/tank-frontend/src/MapChooser.tsx
+++ b/tank-frontend/src/MapChooser.tsx
@@ -62,7 +62,7 @@ function MapChooserDialog({mapNames, theme, onClose, onConfirm}: {
     const [chosenMap, setChosenMap] = useState<string>();
     return <Dialog>
         <h3>Choose a map</h3>
-        <Row className="MapChooser-Row">
+        <Row className="MapChooser-Row overflow-scroll">
             {mapNames.map(name => <MapPreview
                 key={name}
                 mapName={name}
diff --git a/tank-frontend/src/components/Dialog.css b/tank-frontend/src/components/Dialog.css
index 9eec3a1..1c1f892 100644
--- a/tank-frontend/src/components/Dialog.css
+++ b/tank-frontend/src/components/Dialog.css
@@ -13,6 +13,4 @@
 
     max-height: 75vh;
     max-width: 75vw;
-
-    overflow: scroll;
 }
diff --git a/tank-frontend/src/components/Dialog.tsx b/tank-frontend/src/components/Dialog.tsx
index ecbc95f..07ff787 100644
--- a/tank-frontend/src/components/Dialog.tsx
+++ b/tank-frontend/src/components/Dialog.tsx
@@ -6,7 +6,7 @@ export default function Dialog({children, className}: {
     children: ReactNode;
     className?: string;
 }) {
-    return <Column className={'Dialog ' + (className ?? '')}>
+    return <Column className={'Dialog overflow-scroll ' + (className ?? '')}>
         {children}
     </Column>
 }
diff --git a/tank-frontend/src/index.css b/tank-frontend/src/index.css
index 8ba130b..9dfab5a 100644
--- a/tank-frontend/src/index.css
+++ b/tank-frontend/src/index.css
@@ -60,3 +60,7 @@ html, body {
     display: flex;
     flex-direction: row;
 }
+
+.overflow-scroll {
+    overflow: scroll;
+}