From 5ee6e4d3b3d61d804340c22b73a608fb6b44a9b2 Mon Sep 17 00:00:00 2001 From: Chi Kei Chan Date: Mon, 16 Oct 2017 01:28:25 -0400 Subject: wip --- ui/app/css/itcss/components/account-menu.scss | 13 +++++++++++++ ui/app/css/itcss/components/menu.scss | 11 +++++++++++ 2 files changed, 24 insertions(+) (limited to 'ui/app/css/itcss/components') diff --git a/ui/app/css/itcss/components/account-menu.scss b/ui/app/css/itcss/components/account-menu.scss index 8b08c02fd..5ed42f627 100644 --- a/ui/app/css/itcss/components/account-menu.scss +++ b/ui/app/css/itcss/components/account-menu.scss @@ -20,6 +20,10 @@ right: calc((100vw - 65vw) / 2); } + &__icon { + cursor: pointer; + } + &__header { display: flex; flex-flow: row nowrap; @@ -41,4 +45,13 @@ width: 16px; height: 16px; } + + &__accounts { + display: flex; + flex-flow: column nowrap; + overflow-y: auto; + height: 272px; + position: relative; + z-index: 200; + } } diff --git a/ui/app/css/itcss/components/menu.scss b/ui/app/css/itcss/components/menu.scss index d01c24a70..0f83146a8 100644 --- a/ui/app/css/itcss/components/menu.scss +++ b/ui/app/css/itcss/components/menu.scss @@ -10,6 +10,8 @@ display: flex; flex-flow: row nowrap; align-items: center; + position: relative; + z-index: 200; &--clickable { cursor: pointer; @@ -40,4 +42,13 @@ width: 100%; height: 1px; } + + &__close-area { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 100; + } } -- cgit v1.2.3