aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css/itcss
diff options
context:
space:
mode:
authorAlexander Tseung <alextsg@gmail.com>2018-01-14 06:59:16 +0800
committerChi Kei Chan <chikeichan@gmail.com>2018-01-16 10:26:16 +0800
commit644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec (patch)
treed50ca807a1ca5bfc7e351202f2f1fa17fbdc02f8 /ui/app/css/itcss
parent85b201210618a059c9a86a7aeeea75176b5d31c4 (diff)
downloadtangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar.gz
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar.bz2
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar.lz
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar.xz
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.tar.zst
tangerine-wallet-browser-644adeccf6b5365ef2c8c9a5ba69b90fdaa1f2ec.zip
Fix Hide Token modal styling, popup positioning
Diffstat (limited to 'ui/app/css/itcss')
-rw-r--r--ui/app/css/itcss/components/modal.scss24
-rw-r--r--ui/app/css/itcss/components/newui-sections.scss2
-rw-r--r--ui/app/css/itcss/components/token-list.scss10
3 files changed, 13 insertions, 23 deletions
diff --git a/ui/app/css/itcss/components/modal.scss b/ui/app/css/itcss/components/modal.scss
index 7a2ec35a4..501351700 100644
--- a/ui/app/css/itcss/components/modal.scss
+++ b/ui/app/css/itcss/components/modal.scss
@@ -486,10 +486,9 @@
.hide-token-confirmation {
min-height: 250.72px;
- width: 374.49px;
border-radius: 4px;
- background-color: #FFFFFF;
- box-shadow: 0 1px 7px 0 rgba(0,0,0,0.5);
+ background-color: $white;
+ box-shadow: 0 1px 7px 0 rgba(0, 0, 0, .5);
&__container {
padding: 24px 27px 21px;
@@ -499,7 +498,7 @@
}
&__identicon {
- margin-bottom: 10px
+ margin-bottom: 10px;
}
&__symbol {
@@ -538,20 +537,11 @@
justify-content: center;
margin-top: 15px;
width: 100%;
+ }
- button {
- height: 44px;
- width: 113px;
- border: 1px solid $scorpion;
- border-radius: 2px;
- color: $tundora;
- font-family: Roboto;
- font-size: 14px;
- line-height: 20px;
- text-align: center;
- margin-left: 4px;
- margin-right: 4px;
- }
+ &__button {
+ width: 141px;
+ margin: 0 5px;
}
}
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss
index af1a6974c..c9a06a2cc 100644
--- a/ui/app/css/itcss/components/newui-sections.scss
+++ b/ui/app/css/itcss/components/newui-sections.scss
@@ -153,7 +153,7 @@ $wallet-view-bg: $alabaster;
background: rgb(250, 250, 250);
z-index: $sidebar-z-index;
position: fixed;
- top: 56px;
+ top: 66px;
left: 0;
right: 0;
bottom: 0;
diff --git a/ui/app/css/itcss/components/token-list.scss b/ui/app/css/itcss/components/token-list.scss
index bdd26099a..e24bf812b 100644
--- a/ui/app/css/itcss/components/token-list.scss
+++ b/ui/app/css/itcss/components/token-list.scss
@@ -63,11 +63,11 @@ $wallet-balance-breakpoint-range: "screen and (min-width: #{$break-large}) and (
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;
+ background-color: rgba(0, 0, 0, .82);
+ box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
+ position: absolute;
+ top: 60px;
+ right: 25px;
z-index: 2000;
&__close-area {