diff options
author | Thomas Huang <tmashuang@users.noreply.github.com> | 2019-01-04 05:28:36 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-01-04 05:28:36 +0800 |
commit | 9b0b2f32f72808b5809d64cfa30206643069a7b4 (patch) | |
tree | e134c5cb1a43ffad6a731bb2cb284a1d68df0dbd /ui/app/css/itcss/components | |
parent | 0b3f1174cc1220f46f63c5be7ab21179a1af85c1 (diff) | |
parent | 0b4469b8423b09ce1d67dd426f5753596dbc8c56 (diff) | |
download | tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar.gz tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar.bz2 tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar.lz tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar.xz tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.tar.zst tangerine-wallet-browser-9b0b2f32f72808b5809d64cfa30206643069a7b4.zip |
Merge pull request #5992 from MetaMask/i5140-accounts
Add scrolling button to account list
Diffstat (limited to 'ui/app/css/itcss/components')
-rw-r--r-- | ui/app/css/itcss/components/account-menu.scss | 153 | ||||
-rw-r--r-- | ui/app/css/itcss/components/index.scss | 2 |
2 files changed, 0 insertions, 155 deletions
diff --git a/ui/app/css/itcss/components/account-menu.scss b/ui/app/css/itcss/components/account-menu.scss deleted file mode 100644 index b14753e23..000000000 --- a/ui/app/css/itcss/components/account-menu.scss +++ /dev/null @@ -1,153 +0,0 @@ -.account-menu { - position: fixed; - z-index: 100; - top: 58px; - width: 310px; - - @media screen and (max-width: 575px) { - right: calc(((100vw - 100%) / 2) + 8px); - } - - @media screen and (min-width: 576px) { - right: calc((100vw - 85vw) / 2); - } - - @media screen and (min-width: 769px) { - right: calc((100vw - 80vw) / 2); - } - - @media screen and (min-width: 1281px) { - right: calc((100vw - 65vw) / 2); - } - - &__icon { - margin-left: 20px; - cursor: pointer; - - &--disabled { - cursor: initial; - } - } - - &__header { - display: flex; - flex-flow: row nowrap; - justify-content: space-between; - align-items: center; - } - - &__logout-button { - border: 1px solid $dusty-gray; - background-color: transparent; - color: $white; - border-radius: 4px; - font-size: 12px; - line-height: 23px; - padding: 0 24px; - } - - &__item-icon { - width: 16px; - height: 16px; - } - - &__accounts { - display: flex; - flex-flow: column nowrap; - overflow-y: auto; - max-height: 240px; - position: relative; - z-index: 200; - - &::-webkit-scrollbar { - display: none; - } - - @media screen and (max-width: 575px) { - max-height: 215px; - } - - .keyring-label { - margin-top: 5px; - background-color: $dusty-gray; - color: $black; - font-weight: normal; - letter-spacing: .5px; - } - } - - &__account { - display: flex; - flex-flow: row nowrap; - padding: 16px 14px; - flex: 0 0 auto; - - @media screen and (max-width: 575px) { - padding: 12px 14px; - } - - .remove-account-icon { - width: 15px; - margin-left: 10px; - height: 15px; - } - - &:hover { - .remove-account-icon::after { - content: '\00D7'; - font-size: 25px; - color: $white; - cursor: pointer; - position: absolute; - margin-top: -5px; - } - } - } - - &__account-info { - flex: 1 0 auto; - display: flex; - flex-flow: column nowrap; - } - - &__check-mark { - width: 14px; - margin-right: 12px; - flex: 0 0 auto; - } - - &__check-mark-icon { - background-image: url("images/check-white.svg"); - height: 18px; - width: 18px; - background-repeat: no-repeat; - background-position: center; - background-size: contain; - margin: 3px 0; - } - - .identicon { - margin: 0 12px 0 0; - flex: 0 0 auto; - } - - &__name { - color: $white; - font-size: 18px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; - max-width: 200px; - } - - &__balance { - color: $dusty-gray; - font-size: 14px; - } - - &__action { - font-size: 16px; - line-height: 18px; - cursor: pointer; - } -} diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss index 63aa62eb3..b11b76f35 100644 --- a/ui/app/css/itcss/components/index.scss +++ b/ui/app/css/itcss/components/index.scss @@ -30,8 +30,6 @@ @import './currency-display.scss'; -@import './account-menu.scss'; - @import './menu.scss'; @import './gas-slider.scss'; |