From 718a6ad2b7338551d9e92bb856e17c006cd625f3 Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Sat, 1 Mar 2025 22:02:45 +0100
Subject: [PATCH] refactor: improve editor overflow

---
 .../features/rundown/event-editor/CuesheetEventEditor.tsx   | 3 ++-
 .../features/rundown/event-editor/EventEditor.module.scss   | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/apps/client/src/features/rundown/event-editor/CuesheetEventEditor.tsx b/apps/client/src/features/rundown/event-editor/CuesheetEventEditor.tsx
index f6a75d159..8d92efc33 100644
--- a/apps/client/src/features/rundown/event-editor/CuesheetEventEditor.tsx
+++ b/apps/client/src/features/rundown/event-editor/CuesheetEventEditor.tsx
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
 import { isOntimeEvent, OntimeEvent } from 'ontime-types';
 
 import useRundown from '../../../common/hooks-query/useRundown';
+import { cx } from '../../../common/utils/styleUtils';
 
 import EventEditor from './EventEditor';
 
@@ -37,7 +38,7 @@ export default function CuesheetEventEditor(props: CuesheetEventEditorProps) {
   }
 
   return (
-    <div className={style.eventEditor} data-testid='editor-container'>
+    <div className={cx([style.eventEditor, style.inModal])} data-testid='editor-container'>
       <EventEditor event={event} />
     </div>
   );
diff --git a/apps/client/src/features/rundown/event-editor/EventEditor.module.scss b/apps/client/src/features/rundown/event-editor/EventEditor.module.scss
index aff43c3d3..599bcbcfc 100644
--- a/apps/client/src/features/rundown/event-editor/EventEditor.module.scss
+++ b/apps/client/src/features/rundown/event-editor/EventEditor.module.scss
@@ -1,8 +1,12 @@
 .eventEditor {
-  max-height: 80vh;
+  max-height: 100%;
   display: flex;
   flex-direction: column;
   overflow-x: auto;
+
+  &.inModal {
+    max-height: 80vh;
+  }
 }
 
 .content {