cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-08-18 13:44:12 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

refactor: improve editor overflow

Browse Source
This commit is contained in:
Carlos Valente
2025-03-01 22:02:45 +01:00
committed by Carlos Valente
parent 6ca4bfc363
commit 718a6ad2b7
2 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/rundown/event-editor/CuesheetEventEditor.tsx
+2 -1
View File
@@ -2,6 +2,7 @@ import { useEffect, useState } from 'react';
import { isOntimeEvent, OntimeEvent } from 'ontime-types'; import { isOntimeEvent, OntimeEvent } from 'ontime-types';
import useRundown from '../../../common/hooks-query/useRundown'; import useRundown from '../../../common/hooks-query/useRundown';
import { cx } from '../../../common/utils/styleUtils';
import EventEditor from './EventEditor'; import EventEditor from './EventEditor';
@@ -37,7 +38,7 @@ export default function CuesheetEventEditor(props: CuesheetEventEditorProps) {
} }
return ( return (
<div className={style.eventEditor} data-testid='editor-container'> <div className={cx([style.eventEditor, style.inModal])} data-testid='editor-container'>
<EventEditor event={event} /> <EventEditor event={event} />
</div> </div>
); );
apps/client/src/features/rundown/event-editor/EventEditor.module.scss
+5 -1
View File
@@ -1,8 +1,12 @@
.eventEditor { .eventEditor {
max-height: 80vh; max-height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-x: auto; overflow-x: auto;
&.inModal {
max-height: 80vh;
}
} }
.content { .content {