modify to overflow-wrap: anywhere

GetDKAN · Aug 3, 2023 · ec4c62a · ec4c62a
1 parent f508cda
commit ec4c62a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/DatasetAdditionalInformation/additional-information-table.scss b/src/components/DatasetAdditionalInformation/additional-information-table.scss
@@ -7,3 +7,8 @@
 .dc-c-additional-info-table a {
   word-break: break-all;
 }
+
+.ds-u-word-break-anywhere {
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
diff --git a/src/components/DatasetAdditionalInformation/index.jsx b/src/components/DatasetAdditionalInformation/index.jsx
@@ -30,7 +30,7 @@ const DatasetAdditionalInformation = ({ datasetInfo, id, metadataMapping}) => {
           {rows.map((r) => (
             <TableRow key={`${r.label}_${id}`}>
               <TableCell>{r.label}</TableCell>
-              <TableCell className="ds-u-word-break">{r.value}</TableCell>
+              <TableCell className="ds-u-word-break-anywhere">{r.value}</TableCell>
             </TableRow>
           ))}
         </TableBody>