diff options
author | Dan <danjm.com@gmail.com> | 2018-03-20 02:00:47 +0800 |
---|---|---|
committer | Dan <danjm.com@gmail.com> | 2018-03-20 02:00:47 +0800 |
commit | d8788af9b867cebcc702384b780cc06a06f9d33b (patch) | |
tree | 126ae3e4bfd478b75bf6a550caa40d1629db0761 /ui/app/css/itcss/components/sender-to-recipient.scss | |
parent | e51ba2e75c517d88f0e526eed613ef656af47293 (diff) | |
parent | 424e98f6a896df6a848a92ef318464abc505d83d (diff) | |
download | tangerine-wallet-browser-d8788af9b867cebcc702384b780cc06a06f9d33b.tar.gz tangerine-wallet-browser-d8788af9b867cebcc702384b780cc06a06f9d33b.tar.zst tangerine-wallet-browser-d8788af9b867cebcc702384b780cc06a06f9d33b.zip |
Merge branch 'master' into retry-tx-refractor
Diffstat (limited to 'ui/app/css/itcss/components/sender-to-recipient.scss')
-rw-r--r-- | ui/app/css/itcss/components/sender-to-recipient.scss | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/sender-to-recipient.scss b/ui/app/css/itcss/components/sender-to-recipient.scss new file mode 100644 index 000000000..f16013cdf --- /dev/null +++ b/ui/app/css/itcss/components/sender-to-recipient.scss @@ -0,0 +1,58 @@ +.sender-to-recipient { + &__container { + width: 100%; + display: flex; + flex-direction: row; + justify-content: center; + border-bottom: 1px solid $geyser; + position: relative; + } + + &__sender, + &__recipient { + display: flex; + flex-direction: row; + align-items: center; + flex: 1; + padding: 10px 20px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + + &__sender { + padding-right: 30px; + } + + &__recipient { + border-left: 1px solid $geyser; + padding-left: 30px; + } + + &__arrow-container { + position: absolute; + height: 100%; + display: flex; + align-items: center; + justify-content: center; + } + + &__arrow-circle { + background: $white; + padding: 5px; + border: 1px solid $geyser; + border-radius: 20px; + height: 30px; + width: 30px; + display: flex; + justify-content: center; + align-items: center; + } + + &__name { + padding-left: 5px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } +} |