fix(website): Adjust break all to break word (#3342)

* adjust break all to break word * Update base.scss * Automated code formatting * Update DataUploadForm.tsx --------- Co-authored-by: Loculus bot <[email protected]>
loculus-project · Dec 3, 2024 · 193436a · 193436a
1 parent a16a7c3
commit 193436a
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 4 deletions.
diff --git a/website/src/components/SequenceDetailsPage/DataTableEntryValue.tsx b/website/src/components/SequenceDetailsPage/DataTableEntryValue.tsx
@@ -27,7 +27,7 @@ const CustomDisplayComponent: React.FC<Props> = ({ data, dataUseTermsHistory })
 
     return (
         <div className='whitespace-normal text-gray-600 break-inside-avoid'>
-            <div className='break-all whitespace-wrap'>
+            <div className='whitespace-wrap'>
                 {!customDisplay && <PlainValueDisplay value={value} />}
                 {customDisplay?.type === 'percentage' && typeof value === 'number' && `${(100 * value).toFixed(2)}%`}
                 {customDisplay?.type === 'badge' &&

diff --git a/website/src/styles/base.scss b/website/src/styles/base.scss
@@ -28,14 +28,12 @@ a {
     text-decoration: red;
     font-size: 24px;
     font-weight: 600;
-    word-break: break-all;
 }
 
 .title {
     color: theme('colors.main');
     font-size: 24px;
     font-weight: 600;
-    word-break: break-all;
 }
 
 .subtitle {
@@ -68,7 +66,6 @@ a {
 
 .customTable {
     display: table;
-    word-break: break-all;
     border: none;
 }
 table,