m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 01:39:44 +01:00
Code

[FLASK] Fix overflow issues with text coming from snap UI (#18169)

Browse Source
This commit is contained in:
Frederik Bolding 2023-03-16 11:45:44 +01:00 committed by GitHub
parent 872a8c79f4
commit dce4c6d7c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/components/app/flask/snap-ui-markdown/snap-ui-markdown.js
View File

@ -1,7 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
import ReactMarkdown from 'react-markdown';
import { TypographyVariant } from '../../../../helpers/constants/design-system';
import {
TypographyVariant,
OVERFLOW_WRAP,
} from '../../../../helpers/constants/design-system';
import Typography from '../../../ui/typography/typography';
const Paragraph = (props) => (
@ -9,6 +12,7 @@ const Paragraph = (props) => (
{...props}
variant={TypographyVariant.H6}
className="snap-ui-markdown__text"
overflowWrap={OVERFLOW_WRAP.BREAK_WORD}
/>
);

2
ui/components/app/flask/snap-ui-renderer/snap-ui-renderer.js
View File

@ -9,6 +9,7 @@ import {
FONT_WEIGHT,
DISPLAY,
FLEX_DIRECTION,
OVERFLOW_WRAP,
} from '../../../../helpers/constants/design-system';
import { SnapDelineator } from '../snap-delineator';
import { useI18nContext } from '../../../../hooks/useI18nContext';
@ -33,6 +34,7 @@ export const UI_MAPPING = {
props: {
variant: TypographyVariant.H3,
fontWeight: FONT_WEIGHT.BOLD,
overflowWrap: OVERFLOW_WRAP.BREAK_WORD,
},
}),
text: (props) => ({