From 0ff7e6188d7f88cac28fc9b8e068e34ab7dbf906 Mon Sep 17 00:00:00 2001 From: larentoun <31931237+larentoun@users.noreply.github.com> Date: Mon, 28 Aug 2023 21:51:40 +0900 Subject: [PATCH] tweak: Multiline records (#21636) --- tgui/packages/tgui/components/Box.js | 1 + tgui/packages/tgui/components/LabeledList.js | 2 ++ tgui/packages/tgui/interfaces/MedicalRecords.js | 4 ++-- tgui/packages/tgui/interfaces/SecurityRecords.js | 6 +++--- tgui/packages/tgui/public/tgui.bundle.js | 4 ++-- 5 files changed, 10 insertions(+), 7 deletions(-) diff --git a/tgui/packages/tgui/components/Box.js b/tgui/packages/tgui/components/Box.js index a03dc2d6aa0..4ebcf6ebb7f 100644 --- a/tgui/packages/tgui/components/Box.js +++ b/tgui/packages/tgui/components/Box.js @@ -99,6 +99,7 @@ const styleMapperByPropName = { bold: mapBooleanPropTo('font-weight', 'bold'), italic: mapBooleanPropTo('font-style', 'italic'), nowrap: mapBooleanPropTo('white-space', 'nowrap'), + prewrap: mapBooleanPropTo('white-space', 'pre-wrap'), // Margins m: mapDirectionalUnitPropTo('margin', halfUnit, [ 'top', diff --git a/tgui/packages/tgui/components/LabeledList.js b/tgui/packages/tgui/components/LabeledList.js index b045c6c71b4..8f0baa34233 100644 --- a/tgui/packages/tgui/components/LabeledList.js +++ b/tgui/packages/tgui/components/LabeledList.js @@ -21,6 +21,7 @@ export const LabeledListItem = (props) => { content, children, noColon = false, + ...rest } = props; const colon = noColon ? '' : ':'; return ( @@ -40,6 +41,7 @@ export const LabeledListItem = (props) => { verticalAlign={verticalAlign} className={classes(['LabeledList__cell', 'LabeledList__content'])} colSpan={buttons ? undefined : 2} + {...rest} > {content} {children} diff --git a/tgui/packages/tgui/interfaces/MedicalRecords.js b/tgui/packages/tgui/interfaces/MedicalRecords.js index 1fbbf55599c..81c68968c7c 100644 --- a/tgui/packages/tgui/interfaces/MedicalRecords.js +++ b/tgui/packages/tgui/interfaces/MedicalRecords.js @@ -325,7 +325,7 @@ const MedicalRecordsViewMedical = (_properties, context) => { {medical.fields.map((field, i) => ( - + {field.value}