aboutsummaryrefslogtreecommitdiffstats
path: root/ui/app/css/itcss
diff options
context:
space:
mode:
authorDan J Miller <danjm.com@gmail.com>2019-01-30 20:16:12 +0800
committerWhymarrh Whitby <whymarrh.whitby@gmail.com>2019-01-30 20:16:12 +0800
commit02bdbbbc3e2d349ddde5657069ec6dda15fc6668 (patch)
tree09c2f2dad8263695dee5f49b0ae30c6b59503205 /ui/app/css/itcss
parentdf3169d1c7250d13bb8bc123dc91f7913ad75a81 (diff)
downloadtangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.gz
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.bz2
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.lz
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.xz
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.tar.zst
tangerine-wallet-browser-02bdbbbc3e2d349ddde5657069ec6dda15fc6668.zip
Add visual indicator when displaying a cached balance (#5854)
Diffstat (limited to 'ui/app/css/itcss')
-rw-r--r--ui/app/css/itcss/components/account-dropdown.scss29
-rw-r--r--ui/app/css/itcss/settings/variables.scss1
2 files changed, 30 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/account-dropdown.scss b/ui/app/css/itcss/components/account-dropdown.scss
index b29afdc8c..716404cc3 100644
--- a/ui/app/css/itcss/components/account-dropdown.scss
+++ b/ui/app/css/itcss/components/account-dropdown.scss
@@ -24,6 +24,10 @@
position: relative;
}
+ &__tooltip-wrapper {
+ left: -10px;
+ }
+
&__account-balances {
height: auto;
border: none;
@@ -34,6 +38,24 @@
position: relative;
}
+ &__primary-cached-container {
+ display: flex;
+ }
+
+ &__cached-star {
+ margin-left: 4px;
+ }
+
+ &__cached-balances {
+ div:first-of-type {
+ color: $web-orange;
+ }
+
+ div:last-of-type {
+ color: rgba(220, 153, 18, 0.6901960784313725)
+ }
+ }
+
&__account-name {
font-size: 16px;
margin-left: 8px;
@@ -52,6 +74,13 @@
font-size: 12px;
}
+ &__balance-flag {
+ position: absolute;
+ top: 3px;
+ left: -8px;
+ color: $curious-blue;
+ }
+
&__account-primary-balance {
color: $scorpion;
border: none;
diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss
index 42a8655df..89bd8b96a 100644
--- a/ui/app/css/itcss/settings/variables.scss
+++ b/ui/app/css/itcss/settings/variables.scss
@@ -59,6 +59,7 @@ $oslo-gray: #8C8E94;
$polar: #fafcfe;
$blizzard-blue: #bfdef3;
$mischka: #dddee9;
+$web-orange: #f2a202;
/*
Z-Indicies