mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
c079c4320e
* UX: Multichain: Account Menu List * Move to using stylesheet * Add hover state * Implement George's suggestions * Add connected site avatar * Add hardware tag * Create story for selected hardware item * Progress on the AccountListItemMenu * Add story for AccountListItemMenu * Better position the account menu * Fix AvatarFavicon missing name prop * Update menu options label to be account specific * Update text of 'View on Explorer' * Add AccountListMenu component * Move all items to multichain directory * Fix paths * Fix linting, use AvatarIcon * Add title and close button to account menu * Center the popover title * Add search functionality * Implementation WIP * Add MULTICHAIN feature flag * Add MULTICHAIN feature flag, add actions for menu items * Properly dispatch events * Fix search box padding * Fix sizing of menu item text * Fix isRequired * Fix alignment of the popover * Update label for hardware wallet items, add text for no search results * Update keyring retreival to remove account and add label * Fix storybook * Fix double link click issue, prevent wrapping of values * Use labelProps for tag variant * Restructure item menu story * Empower storybooks for all new components * Allow only 3 decimals for currencies * Avoid inline styles * Prefix classes with multichain, fix account-list-menu storybook * Close the accounts menu when account details is clicked * Restore tag.js * Create global file for multichain css * Add index file for multichain js * Update file paths * Ensure the block domain is present in menu * Add AccountListItem test * Add AccountListItemMenu tests * Show account connect to current dapp * Improve tests * Make avatar smaller * Add tooltip for account menu * Align icon better * Update snapshot * Rename files to DS standard * Add index files for export * Export all multichain components * Update snapshot * Remove embedded style in popover * Add comments for props, cleanup storybook * Improve test coverage * Improve test code quality * Remove border form avatar * Switch to using the ButtonLink iconName prop * Only show tooltip if character limit is reached * Restore prior search settings * Add test for tooltip
37 lines
1.2 KiB
SCSS
37 lines
1.2 KiB
SCSS
/*
|
|
MetaMask design system imports
|
|
The variables declared here should take precedence.
|
|
They are included first because they will be used to replace bad variable names in itcss
|
|
prior to it being fully removed from the system.
|
|
*/
|
|
@import './reset.scss';
|
|
@import './design-system/index';
|
|
@import './utilities/colors.scss';
|
|
@import './base-styles.scss';
|
|
@import '../components/component-library/component-library-components.scss';
|
|
@import '../components/app/app-components';
|
|
@import '../components/multichain/index.scss';
|
|
@import '../components/ui/ui-components';
|
|
@import '../pages/pages';
|
|
@import './errors.scss';
|
|
@import './loading.scss';
|
|
|
|
/*
|
|
ITCSS
|
|
|
|
http://www.creativebloq.com/web-design/manage-large-css-projects-itcss-101517528
|
|
https://www.xfive.co/blog/itcss-scalable-maintainable-css-architecture/
|
|
|
|
DEPRECATED: This CSS architecture is deprecated. The following imports will be removed
|
|
overtime.
|
|
*/
|
|
@import './itcss/settings/index';
|
|
@import './itcss/tools/index';
|
|
@import './itcss/components/index';
|
|
|
|
/*
|
|
Third Party Library Styles
|
|
*/
|
|
@import '../../node_modules/react-tippy/dist/tippy';
|
|
@import '../../node_modules/@metamask/design-tokens/src/css/design-tokens';
|