From 47ebcbb2ed09a4cd4b062c5fa4cb6d259369149f Mon Sep 17 00:00:00 2001
From: Dan <danjm.com@gmail.com>
Date: Fri, 29 Sep 2017 07:40:50 -0230
Subject: Token menu ui.

---
 ui/app/css/itcss/components/token-list.scss | 47 +++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

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

diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
index e4d6d975b..8ae0eec66 100644
--- a/ui/app/css/itcss/components/token-list.scss
+++ b/ui/app/css/itcss/components/token-list.scss
@@ -9,6 +9,7 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
   cursor: pointer;
   transition: linear 200ms;
   background-color: rgba($wallet-balance-bg, 0);
+  position: relative;
 
   &__token-balance {
     font-size: 130%;
@@ -44,4 +45,50 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
       margin-right: 4%;
     }
   }
+
+  &__ellipsis {
+    position: absolute;
+    top: 20px;
+    right: 24px;
+  }
 }
+
+.token-menu-dropdown {
+  height: 55px;
+  width: 191px;
+  border-radius: 4px;
+  background-color: rgba(0,0,0,0.82);
+  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5);
+  position: fixed;
+  margin-top: 20px;
+  margin-left: 105px;
+
+  &__close-area {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000;
+    width: 100%;
+    height: 100%;
+  }
+
+  &__container {
+    padding: 16px 34px 32px;
+    z-index: 1050;
+    position: relative;
+  }
+
+  &__options {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+  }
+
+  &__option {
+    color: $white;
+    font-family: "DIN OT";
+    font-size: 16px;
+    line-height: 21px;
+    text-align: center;
+  }
+}
\ No newline at end of file
-- 
cgit