diff options
| author | Dan <danjm.com@gmail.com> | 2017-10-06 12:34:00 +0800 |
|---|---|---|
| committer | Chi Kei Chan <chikeichan@gmail.com> | 2017-10-10 09:24:14 +0800 |
| commit | 80463072b5c0c9e826582e066fbc962b667ee355 (patch) | |
| tree | e284db8c899aeda545e90eead477bc7b4b8de7b4 /ui/app/css | |
| parent | db1258f3de88f14cd54e2b4fd1cecc62cf6361e5 (diff) | |
| download | tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar.gz tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar.bz2 tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar.lz tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar.xz tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.tar.zst tangerine-wallet-browser-80463072b5c0c9e826582e066fbc962b667ee355.zip | |
UI for readonly from component. From dropdown opening and closing. Mockdata.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/send.scss | 94 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 1 |
2 files changed, 95 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss index 72a01dc89..ddd22f9fd 100644 --- a/ui/app/css/itcss/components/send.scss +++ b/ui/app/css/itcss/components/send.scss @@ -495,6 +495,100 @@ width: 287px; } + &__form { + display: flex; + flex-direction: column; + margin-top: 13px; + width: 100%; + } + + &__form-row { + margin: 14.5px 18px 0px; + display: flex; + position: relative; + justify-content: space-between; + } + + &__form-label { + color: $scorpion; + font-family: Roboto; + font-size: 16px; + line-height: 22px; + margin-top: 16px; + } + + &__from-dropdown { + height: 73px; + width: 240px; + border: 1px solid $alto; + border-radius: 4px; + background-color: $white; + font-family: Roboto; + line-height: 16px; + font-size: 12px; + color: $tundora; + + &__top-row { + display: flex; + margin-top: 10px; + margin-left: 8px; + position: relative; + } + + &__account-name { + font-size: 16px; + margin-left: 8px; + } + + &__caret-down, + &__check { + position: absolute; + right: 12px; + top: 1px; + } + + &__caret-down { + color: $alto; + } + + &__check { + color: $caribbean-green; + } + + &__account-primary-balance { + margin-left: 34px; + margin-top: 4px; + } + + &__account-secondary-balance { + margin-left: 34px; + color: $dusty-gray; + } + + &__close-area { + position: fixed; + top: 0; + left: 0; + z-index: 1000; + width: 100%; + height: 100%; + } + + &__list { + z-index: 1050; + position: absolute; + height: 220px; + width: 240px; + border: 1px solid $geyser; + border-radius: 4px; + background-color: $white; + box-shadow: 0 3px 6px 0 rgba(0 ,0 ,0 ,.11); + margin-top: 11px; + margin-left: -1px; + overflow-y: scroll; + } + } + &__footer { height: 92px; width: 100%; diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index b0ef86075..764d9c179 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -42,6 +42,7 @@ $tulip-tree: #ebb33f; $malibu-blue: #7ac9fd; $athens-grey: #e9edf0; $jaffa: #f28930; +$geyser: #d2d8dd; /* Z-Indicies |