diff --git a/src/components/Interpretations/InterpretationModal/InterpretationModal.js b/src/components/Interpretations/InterpretationModal/InterpretationModal.js index 6853ed4ed..5cc5050bd 100644 --- a/src/components/Interpretations/InterpretationModal/InterpretationModal.js +++ b/src/components/Interpretations/InterpretationModal/InterpretationModal.js @@ -24,7 +24,7 @@ const modalCSS = css.resolve` max-width: calc(100vw - 128px) !important; max-height: calc(100vh - 128px) !important; width: auto !important; - height: calc(100vw - 128px) !important; + height: calc(100vh - 128px) !important; overflow-y: hidden; } aside.hidden { diff --git a/src/components/Interpretations/InterpretationModal/InterpretationThread.js b/src/components/Interpretations/InterpretationModal/InterpretationThread.js index ec4a8b624..03686cd7b 100644 --- a/src/components/Interpretations/InterpretationModal/InterpretationThread.js +++ b/src/components/Interpretations/InterpretationModal/InterpretationThread.js @@ -35,57 +35,47 @@ const InterpretationThread = ({ return (
-
-
- - {moment(fromServerDate(interpretation.created)).format( - 'LLL' - )} -
- {DownloadMenu && ( - - )} -
- focusRef.current?.focus() - : null - } - onUpdated={() => onThreadUpdated(true)} - onDeleted={onInterpretationDeleted} - isInThread={true} - /> -
- {interpretation.comments.map((comment) => ( - - ))} -
- {interpretationAccess.comment && ( - + + {moment(fromServerDate(interpretation.created)).format('LLL')} +
+ {DownloadMenu && ( + + )} +
+ focusRef.current?.focus() + : null + } + onUpdated={() => onThreadUpdated(true)} + onDeleted={onInterpretationDeleted} + isInThread={true} + /> +
+ {interpretation.comments.map((comment) => ( + onThreadUpdated(true)} - focusRef={focusRef} + onThreadUpdated={onThreadUpdated} + canComment={interpretationAccess.comment} /> - )} + ))}
- onThreadUpdated(true)} - focusRef={focusRef} - /> + {interpretationAccess.comment && ( + onThreadUpdated(true)} + focusRef={focusRef} + /> + )}