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 { AssetType } from '../../../../shared/constants/transaction';
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 = ({
className,
@ -138,14 +139,15 @@ const AssetListItem = ({
midContent={midContent}
rightContent={
!isERC721 && (
<>
<Box>
<Icon
name={ICON_NAMES.ARROW_RIGHT}
color={Color.iconDefault}
className="asset-list-item__chevron-right"
size={ICON_SIZES.SM}
style={{ 'vertical-align': 'middle' }}
/>
{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"
>
<div
class="box asset-list-item__chevron-right mm-icon mm-icon--size-md box--flex-direction-row box--color-icon-default"
style="mask-image: url('./images/icons/arrow-right.svg');"
/>
<a
class="button btn-link asset-list-item__send-token-button"
role="button"
tabindex="0"
class="box box--flex-direction-row"
>
Send TEST
</a>
<div
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>