diff options
| author | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-24 14:59:21 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-24 14:59:21 +0800 |
| commit | a63373401b9983b991d4b2a0e28eec8d66c18e78 (patch) | |
| tree | 28421bc7e2b121e03d0da5cd24b6fc21105e8954 /ui/app/css/itcss | |
| parent | 6d3f261b2f923782279be5e2ce05e8d6cc558a9e (diff) | |
| download | tangerine-wallet-browser-a63373401b9983b991d4b2a0e28eec8d66c18e78.tar.gz tangerine-wallet-browser-a63373401b9983b991d4b2a0e28eec8d66c18e78.tar.zst tangerine-wallet-browser-a63373401b9983b991d4b2a0e28eec8d66c18e78.zip | |
New Sidebar uplift
Diffstat (limited to 'ui/app/css/itcss')
| -rw-r--r-- | ui/app/css/itcss/components/newui-sections.scss | 66 |
1 files changed, 57 insertions, 9 deletions
diff --git a/ui/app/css/itcss/components/newui-sections.scss b/ui/app/css/itcss/components/newui-sections.scss index 5e0acb1ec..396dacae6 100644 --- a/ui/app/css/itcss/components/newui-sections.scss +++ b/ui/app/css/itcss/components/newui-sections.scss @@ -46,6 +46,7 @@ $wallet-view-bg: $wild-sand; flex: 33.5 0 33.5%; background: $wallet-view-bg; z-index: 200; + position: relative; @media screen and (min-width: 576px) { overflow-y: scroll; @@ -55,6 +56,57 @@ $wallet-view-bg: $wild-sand; .wallet-view-account-details { flex: 0 0 150px; } + + &__keyring-label { + height: 40px; + color: $dusty-gray; + font-family: Roboto; + font-size: 10px; + line-height: 40px; + text-align: right; + padding: 0 20px; + } + + &__details-button { + color: $curious-blue; + font-size: 10px; + line-height: 13px; + text-align: center; + border: 1px solid $curious-blue; + border-radius: 10.5px; + background-color: transparent; + margin: 0 auto; + padding: 4px 12px; + flex: 0 0 auto; + } + + &__address { + border-radius: 3px; + background-color: $alto; + color: $scorpion; + font-size: 14px; + line-height: 12px; + padding: 4px 12px; + margin: 24px auto; + font-weight: 300; + cursor: pointer; + flex: 0 0 auto; + } + + &__sidebar-close { + + @media screen and (max-width: 575px) { + &::after { + content: '\00D7'; + font-size: 40px; + color: $tundora; + position: absolute; + top: 15px; + left: 15px; + cursor: pointer; + } + } + } } @media screen and (min-width: 576px) { @@ -174,15 +226,11 @@ $wallet-view-bg: $wild-sand; // wallet view .account-name { - - @media screen and (max-width: 575px) { - font-size: 102%; - margin-left: 3%; - } - - @media screen and (max-width: 575px) { - text-align: center; - } + font-size: 24px; + font-weight: 200; + line-height: 20px; + color: $scorpion; + margin-top: 8px; } // account options dropdown |