diff --git a/apps/client/src/common/components/view-params-editor/ViewParamsEditor.module.scss b/apps/client/src/common/components/view-params-editor/ViewParamsEditor.module.scss index 7bf970ecf..437890ac5 100644 --- a/apps/client/src/common/components/view-params-editor/ViewParamsEditor.module.scss +++ b/apps/client/src/common/components/view-params-editor/ViewParamsEditor.module.scss @@ -38,6 +38,12 @@ gap: $element-inner-spacing; } +.noHover { + &:hover { + background-color: inherit; + } +} + .title { font-size: $inner-section-text-size; display: block; diff --git a/apps/client/src/features/modals/Modal.module.scss b/apps/client/src/features/modals/Modal.module.scss index aa2576fbe..a5b8ea1a0 100644 --- a/apps/client/src/features/modals/Modal.module.scss +++ b/apps/client/src/features/modals/Modal.module.scss @@ -107,6 +107,16 @@ $el-padding-with-compensation: 24px; // 16 + 8 color: $error-red; } +.success { + @include subsection; + color: $action-blue; +} + +.feedbackSection { + justify-content: flex-start; + +} + .buttonSection { margin-top: $section-spacing; display: flex; @@ -117,6 +127,10 @@ $el-padding-with-compensation: 24px; // 16 + 8 flex-grow: 1; } +.vSpacer { + height: 2rem; +} + .shiftRight { align-self: flex-end; } @@ -135,6 +149,12 @@ $el-padding-with-compensation: 24px; // 16 + 8 grid-template-columns: auto 1fr; } +.twoEqualColumn { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 1rem; +} + .padBottom { padding-bottom: $element-spacing; } diff --git a/apps/client/src/features/modals/upload-modal/preview/PreviewExcel.tsx b/apps/client/src/features/modals/upload-modal/preview/PreviewExcel.tsx index f3b273e9e..ed9cf7d90 100644 --- a/apps/client/src/features/modals/upload-modal/preview/PreviewExcel.tsx +++ b/apps/client/src/features/modals/upload-modal/preview/PreviewExcel.tsx @@ -15,9 +15,10 @@ export default function PreviewExcel(props: PreviewExcelProps) { const { rundown, project, userFields } = props; return ( -
+
Review Project Data
+
Review Rundown
diff --git a/apps/client/src/features/modals/upload-modal/preview/PreviewRundown.tsx b/apps/client/src/features/modals/upload-modal/preview/PreviewRundown.tsx index 80ce53454..ace976989 100644 --- a/apps/client/src/features/modals/upload-modal/preview/PreviewRundown.tsx +++ b/apps/client/src/features/modals/upload-modal/preview/PreviewRundown.tsx @@ -79,37 +79,39 @@ export default function PreviewRundown({ rundown, userFields }: PreviewRundownPr const skip = booleanToText(event.skip); return ( - + {index + 1} - - Event - {event.cue} - {event.title} - {event.subtitle} - {event.presenter} - {event.note} - {millisToString(event.timeStart)} - {millisToString(event.timeEnd)} - {millisToString(event.duration)} - {isPublic && {isPublic}} - {skip && {skip}} - {event.colour} - + + + Event + + {event.cue} + {event.title} + {event.subtitle} + {event.presenter} + {event.note} + {millisToString(event.timeStart)} + {millisToString(event.timeEnd)} + {millisToString(event.duration)} + {isPublic && {isPublic}} + {skip && {skip}} + {event.colour} + {event.timerType} - - + + {event.endAction} - - {event.user0} - {event.user1} - {event.user2} - {event.user3} - {event.user4} - {event.user5} - {event.user6} - {event.user7} - {event.user8} - {event.user9} + + {event.user0} + {event.user1} + {event.user2} + {event.user3} + {event.user4} + {event.user5} + {event.user6} + {event.user7} + {event.user8} + {event.user9} ); } diff --git a/apps/client/src/features/modals/upload-modal/preview/PreviewTable.module.scss b/apps/client/src/features/modals/upload-modal/preview/PreviewTable.module.scss index 763139d13..37d22d4e4 100644 --- a/apps/client/src/features/modals/upload-modal/preview/PreviewTable.module.scss +++ b/apps/client/src/features/modals/upload-modal/preview/PreviewTable.module.scss @@ -42,4 +42,19 @@ tr:nth-child(odd) { background-color: $gray-50; } + + td { + text-align: left; + vertical-align: top; + padding: 0 0.5em; + } + + .center { + text-align: center; + } + + .nowrap { + white-space: nowrap; + } } + diff --git a/apps/client/src/features/modals/upload-modal/upload-entry/UploadEntry.tsx b/apps/client/src/features/modals/upload-modal/upload-entry/UploadEntry.tsx index fa8da716c..45f9acb89 100644 --- a/apps/client/src/features/modals/upload-modal/upload-entry/UploadEntry.tsx +++ b/apps/client/src/features/modals/upload-modal/upload-entry/UploadEntry.tsx @@ -21,10 +21,10 @@ export default function UploadEntry(props: UploadEntryProps) { if (errors) { return (
+ {errors} Please try again -
); } diff --git a/apps/client/src/features/modals/upload-modal/upload-options/ExcelFileOptions.tsx b/apps/client/src/features/modals/upload-modal/upload-options/ExcelFileOptions.tsx index ba090bcfa..fd719689b 100644 --- a/apps/client/src/features/modals/upload-modal/upload-options/ExcelFileOptions.tsx +++ b/apps/client/src/features/modals/upload-modal/upload-options/ExcelFileOptions.tsx @@ -1,10 +1,8 @@ import { MutableRefObject } from 'react'; -import { Input } from '@chakra-ui/react'; -import ModalSplitInput from '../../ModalSplitInput'; +import { ExcelInputOptions } from '../UploadModal'; import ImportMapTable, { type TableEntry } from './ImportMapTable'; -import { ExcelInputOptions } from '../UploadModal'; import style from '../UploadModal.module.scss'; @@ -60,16 +58,16 @@ export default function ExcelFileOptions(props: ExcelFileOptionsProps) { return (
-
+
-
+
-
+
diff --git a/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.module.scss b/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.module.scss index de49d00d5..0eb49359e 100644 --- a/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.module.scss +++ b/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.module.scss @@ -3,20 +3,31 @@ .importTable { margin: 0.5rem; - font-size: $inner-section-text-size; height: fit-content; thead { color: $gray-500; text-transform: uppercase; + width: 10em; } tr:hover { background-color: $gray-50; } + + tbody { + td { + max-width: fit-content; + } + } } .label { display: inline-block; + min-width: 6em; + font-size: $inner-section-text-size; +} + +.input { width: 100%; } diff --git a/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.tsx b/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.tsx index 5593ba632..1e5577ed4 100644 --- a/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.tsx +++ b/apps/client/src/features/modals/upload-modal/upload-options/ImportMapTable.tsx @@ -19,18 +19,18 @@ export default function ImportMapTable(props: ImportMapTableProps) { return ( - {title} + + + {fields.map((field) => { return ( - -
{title}
- + + +