Merge pull request #571 from oasisprotocol/lw/wrap-dl

Wrap all long values in description list
oasisprotocol · Jun 21, 2023 · 72e2e04 · 72e2e04
2 parents 6f622a0 + 8d83c89
commit 72e2e04
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/.changelog/571.bugfix.md b/.changelog/571.bugfix.md
@@ -0,0 +1 @@
+Wrap all long values in detail pages
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 @@