m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 11:22:43 +02: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>
<button
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"
>
<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');"
/>
</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 { 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';
const NftOptions = ({ onRemove, onViewOnOpensea }) => {
@ -19,6 +19,7 @@ const NftOptions = ({ onRemove, onViewOnOpensea }) => {
data-testid="nft-options__button"
onClick={() => setNftOptionsOpen(true)}
color={Color.textDefault}
size={ButtonIconSize.Sm}
ariaLabel={t('nftOptions')}
/>