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: Ensure NFT Options Menu is Same Size as Tokens (#19953)

Browse Source
This commit is contained in:
David Walsh 2023-07-11 09:11:31 -05:00 committed by GitHub
parent a041da7c74
commit f9b1514914
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/components/app/nft-details/__snapshots__/nft-details.test.js.snap
View File

@ -26,11 +26,11 @@ exports[`NFT Details should match minimal props and state snapshot 1`] = `
<div> <div>
<button <button
aria-label="NFT Options" aria-label="NFT Options"
class="box mm-button-icon mm-button-icon--size-lg nft-options__button box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-text-default box--background-color-transparent box--rounded-lg" class="box mm-button-icon mm-button-icon--size-sm nft-options__button box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-text-default box--background-color-transparent box--rounded-lg"
data-testid="nft-options__button" data-testid="nft-options__button"
> >
<span <span
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-inherit" class="box mm-icon mm-icon--size-sm box--display-inline-block box--flex-direction-row box--color-inherit"
style="mask-image: url('./images/icons/more-vertical.svg');" style="mask-image: url('./images/icons/more-vertical.svg');"
/> />
</button> </button>

3
ui/components/app/nft-options/nft-options.js
View File

@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
import { I18nContext } from '../../../contexts/i18n'; import { I18nContext } from '../../../contexts/i18n';
import { Menu, MenuItem } from '../../ui/menu'; import { Menu, MenuItem } from '../../ui/menu';
import { ButtonIcon, IconName } from '../../component-library'; import { ButtonIcon, ButtonIconSize, IconName } from '../../component-library';
import { Color } from '../../../helpers/constants/design-system'; import { Color } from '../../../helpers/constants/design-system';
const NftOptions = ({ onRemove, onViewOnOpensea }) => { const NftOptions = ({ onRemove, onViewOnOpensea }) => {
@ -19,6 +19,7 @@ const NftOptions = ({ onRemove, onViewOnOpensea }) => {
data-testid="nft-options__button" data-testid="nft-options__button"
onClick={() => setNftOptionsOpen(true)} onClick={() => setNftOptionsOpen(true)}
color={Color.textDefault} color={Color.textDefault}
size={ButtonIconSize.Sm}
ariaLabel={t('nftOptions')} ariaLabel={t('nftOptions')}
/> />