From 0b4469b8423b09ce1d67dd426f5753596dbc8c56 Mon Sep 17 00:00:00 2001
From: Alexander Tseung <alextsg@gmail.com>
Date: Thu, 20 Dec 2018 12:26:11 -0800
Subject: Add scrolling button to account list

---
 ui/app/css/itcss/components/account-menu.scss | 153 --------------------------
 ui/app/css/itcss/components/index.scss        |   2 -
 2 files changed, 155 deletions(-)
 delete mode 100644 ui/app/css/itcss/components/account-menu.scss

(limited to 'ui/app/css/itcss')

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';
-- 
cgit v1.2.3