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

Ux: Icon: Improve alignment of asset list chevron (#17791)

Browse Source 
* Ux: Icon: Improve alignment of asset list chevron

* Update jest snapshot
This commit is contained in:
David Walsh 2023-02-21 09:49:16 -06:00 committed by GitHub
parent c312f6c2b2
commit 2cfd0f9bbd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
ui/components/app/asset-list-item/asset-list-item.js
View File

@ -16,7 +16,8 @@ import { INVALID_ASSET_TYPE } from '../../../helpers/constants/error-keys';
import { EVENT } from '../../../../shared/constants/metametrics'; import { EVENT } from '../../../../shared/constants/metametrics';
import { AssetType } from '../../../../shared/constants/transaction'; import { AssetType } from '../../../../shared/constants/transaction';
import { MetaMetricsContext } from '../../../contexts/metametrics'; import { MetaMetricsContext } from '../../../contexts/metametrics';
import { Icon, ICON_NAMES } from '../../component-library'; import { Icon, ICON_NAMES, ICON_SIZES } from '../../component-library';
import Box from '../../ui/box/box';
const AssetListItem = ({ const AssetListItem = ({
className, className,
@ -138,14 +139,15 @@ const AssetListItem = ({
midContent={midContent} midContent={midContent}
rightContent={ rightContent={
!isERC721 && ( !isERC721 && (
<> <Box>
<Icon <Icon
name={ICON_NAMES.ARROW_RIGHT} name={ICON_NAMES.ARROW_RIGHT}
color={Color.iconDefault} color={Color.iconDefault}
className="asset-list-item__chevron-right" size={ICON_SIZES.SM}
style={{ 'vertical-align': 'middle' }}
/> />
{sendTokenButton} {sendTokenButton}
</> </Box>
) )
} }
/> />

22
ui/components/app/token-cell/__snapshots__/token-cell.test.js.snap
View File

@ -81,16 +81,20 @@ exports[`Token Cell should match snapshot 1`] = `
class="list-item__right-content" class="list-item__right-content"
> >
<div <div
class="box asset-list-item__chevron-right mm-icon mm-icon--size-md box--flex-direction-row box--color-icon-default" class="box box--flex-direction-row"
style="mask-image: url('./images/icons/arrow-right.svg');"
/>
<a
class="button btn-link asset-list-item__send-token-button"
role="button"
tabindex="0"
> >
Send TEST <div
</a> class="box mm-icon mm-icon--size-sm box--flex-direction-row box--color-icon-default"
style="mask-image: url('./images/icons/arrow-right.svg'); vertical-align: middle;"
/>
<a
class="button btn-link asset-list-item__send-token-button"
role="button"
tabindex="0"
>
Send TEST
</a>
</div>
</div> </div>
</div> </div>
</div> </div>