diff --git a/packages/extension/src/ui/components/AnimatedBlocks/blocks.scss b/packages/extension/src/ui/components/AnimatedBlocks/blocks.scss index ff4e1d8b6..b7e9ca80d 100644 --- a/packages/extension/src/ui/components/AnimatedBlocks/blocks.scss +++ b/packages/extension/src/ui/components/AnimatedBlocks/blocks.scss @@ -147,7 +147,7 @@ $profile-icon-size: map-get($avatar-sizes-map, 'm'); .sealed-icon { $sealed-icon-size: map-get($avatar-sizes-map, 'l'); position: absolute; - top: map-get($spacing-map, 'xxl'); + bottom: $block-spacing; right: $block-padding-h; display: flex; align-items: center; diff --git a/packages/extension/src/ui/components/AnimatedBlocks/index.jsx b/packages/extension/src/ui/components/AnimatedBlocks/index.jsx index 2aa8e152d..f74b7bd82 100644 --- a/packages/extension/src/ui/components/AnimatedBlocks/index.jsx +++ b/packages/extension/src/ui/components/AnimatedBlocks/index.jsx @@ -94,24 +94,6 @@ class AnimatedBlocks extends PureComponent { }, )} > - {!!sealedIcon && type === 'sealed' && ( -
- {sealedIcon === 'aztec' && ( - - )} - {sealedIcon === 'link' && ( - - )} -
- )} {blocks.map((block, i) => (
+ {!!sealedIcon && type === 'sealed' && i === 0 && ( +
+ {sealedIcon === 'aztec' && ( + + )} + {sealedIcon === 'link' && ( + + )} +
+ )}
))} diff --git a/packages/extension/src/ui/components/ListItem/index.jsx b/packages/extension/src/ui/components/ListItem/index.jsx index ce87ddc37..d1277cbaf 100644 --- a/packages/extension/src/ui/components/ListItem/index.jsx +++ b/packages/extension/src/ui/components/ListItem/index.jsx @@ -1,5 +1,6 @@ import React from 'react'; import PropTypes from 'prop-types'; +import classnames from 'classnames'; import { FlexBox, Block, @@ -16,6 +17,7 @@ import { profileShape, } from '~/ui/config/propTypes'; import ProfileIcon from '~/ui/components/ProfileIcon'; +import styles from './li.scss'; const spacingMapping = { xxs: 's', @@ -63,7 +65,7 @@ const ListItem = ({ size={size} /> @@ -85,7 +87,10 @@ const ListItem = ({ nowrap > {profileNode} - + diff --git a/packages/extension/src/ui/components/ListItem/li.scss b/packages/extension/src/ui/components/ListItem/li.scss new file mode 100644 index 000000000..c815f257d --- /dev/null +++ b/packages/extension/src/ui/components/ListItem/li.scss @@ -0,0 +1,3 @@ +.content { + word-break: break-all; +}