diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss index 905f61c91..8868aa68d 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.module.scss @@ -4,3 +4,7 @@ padding-top: 0.25em; width: 100%; } + +.multiline { + white-space: break-spaces; +} diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx index 56f3bcf35..ba9a852f8 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/GhostedText.tsx @@ -2,6 +2,10 @@ import { PropsWithChildren } from 'react'; import style from './GhostedText.module.scss'; -export default function GhostedText({ children }: PropsWithChildren) { - return
{children}
; +interface GhostedTextProps { + multiline?: boolean; +} + +export default function GhostedText({ children, multiline }: PropsWithChildren) { + return
{children}
; } diff --git a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/cuesheetColsFactory.tsx b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/cuesheetColsFactory.tsx index c63114a29..1125c81bf 100644 --- a/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/cuesheetColsFactory.tsx +++ b/apps/client/src/views/cuesheet/cuesheet-table/cuesheet-table-elements/cuesheetColsFactory.tsx @@ -143,7 +143,7 @@ function MakeMultiLineField({ row, column, table }: CellContext{initialValue}; + return {initialValue}; } return ;