diff --git a/ui/components/app/account-menu/account-menu.container.js b/ui/components/app/account-menu/account-menu.container.js index ce702f0be..d232b7531 100644 --- a/ui/components/app/account-menu/account-menu.container.js +++ b/ui/components/app/account-menu/account-menu.container.js @@ -22,7 +22,7 @@ import AccountMenu from './account-menu.component'; /** * The min amount of accounts to show search field */ -const SHOW_SEARCH_ACCOUNTS_MIN_COUNT = 5; +const SHOW_SEARCH_ACCOUNTS_MIN_COUNT = 15; function mapStateToProps(state) { const { diff --git a/ui/components/app/account-menu/index.scss b/ui/components/app/account-menu/index.scss index 96113a57c..00a6688df 100644 --- a/ui/components/app/account-menu/index.scss +++ b/ui/components/app/account-menu/index.scss @@ -139,9 +139,9 @@ // If window is smaller than extension popover height // reduce scrollable accounts window height - @media screen and (max-height: 600px) { - max-height: 130px; - } + // @media screen and (max-height: 600px) { + // max-height: 130px; + // } .keyring-label { @include H9; @@ -153,10 +153,9 @@ height: 15px; margin-top: 5px; margin-right: 10px; - background-color: var(--color-background-alternative); - border: 1px solid var(--color-border-default); - color: var(--color-text-default); - font-weight: normal; + background-color: var(--color-text-muted); + color: var(--color-background-default); + font-weight: bold; letter-spacing: 0.5px; display: flex; align-items: center; @@ -191,15 +190,12 @@ &__account { display: flex; flex-flow: row nowrap; - padding: 16px 14px; + padding: 14px; flex: 0 0 auto; background: none; border: 0; width: 100%; - - @include screen-sm-max { - padding: 12px 14px; - } + border-bottom: 1px solid var(--color-border-muted); .remove-account-icon { width: 15px; @@ -237,11 +233,7 @@ } &__name { - @include H6; - - @include screen-md-min { - @include Paragraph; - } + @include Paragraph; color: var(--color-text-default); text-overflow: ellipsis; diff --git a/ui/components/app/selected-account/selected-account.component.js b/ui/components/app/selected-account/selected-account.component.js index fd1e5b835..100757737 100644 --- a/ui/components/app/selected-account/selected-account.component.js +++ b/ui/components/app/selected-account/selected-account.component.js @@ -6,8 +6,6 @@ import { shortenAddress } from '../../../helpers/utils/util'; import Tooltip from '../../ui/tooltip'; import { toChecksumHexAddress } from '../../../../shared/modules/hexstring-utils'; import { SECOND } from '../../../../shared/constants/time'; -import { Icon, ICON_NAMES, ICON_SIZES } from '../../component-library'; -import { IconColor } from '../../../helpers/constants/design-system'; class SelectedAccount extends Component { state = { @@ -64,17 +62,6 @@ class SelectedAccount extends Component {