Wrap all long values in description list

oasisprotocol · Jun 20, 2023 · 42e96f3 · 42e96f3
1 parent db3245c
commit 42e96f3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/src/app/components/StyledDescriptionList/index.tsx b/src/app/components/StyledDescriptionList/index.tsx
@@ -59,6 +59,7 @@ export const StyledDescriptionList = styled(InlineDescriptionList, {
   },
   dd: {
     color: COLORS.brandExtraDark,
+    overflowWrap: 'anywhere',
   },
   ...(standalone && {
     '&&': {

diff --git a/src/app/pages/TransactionDetailPage/index.tsx b/src/app/pages/TransactionDetailPage/index.tsx
@@ -387,13 +387,7 @@ export const TransactionDetailView: FC<{
                 <>
                   <dt>{t('transactions.encryption.resultNonce')}</dt>
                   <dd>
-                    <Typography
-                      variant="mono"
-                      sx={{
-                        fontWeight: 400,
-                        overflowWrap: 'anywhere',
-                      }}
-                    >
+                    <Typography variant="mono" sx={{ fontWeight: 400 }}>
                       {transaction.encryption_envelope.result_nonce}
                     </Typography>
                   </dd>
-Original file line number
+Diff line change
@@ Expand Up @@
       },
       dd: {
         color: COLORS.brandExtraDark,
+        overflowWrap: 'anywhere',
       },
       ...(standalone && {
         '&&': {
@@ Expand Down @@