From 52d06161052222bfcc8c79fdc0f562921e72fe82 Mon Sep 17 00:00:00 2001 From: Sam Cheng Hung Date: Sat, 24 Mar 2018 10:10:22 +0900 Subject: [PATCH] Update: Separates signature result into separate tile. Adds copy icon --- src/sass/buttons.scss | 6 ++ www/css/main.css | 128 ++++++++++--------------------------- www/img/icon-copy.svg | 60 +++++++++++++++++ www/views/signMessage.html | 17 +++-- 4 files changed, 110 insertions(+), 101 deletions(-) create mode 100644 www/img/icon-copy.svg diff --git a/src/sass/buttons.scss b/src/sass/buttons.scss index d5b1a1a03..348d6d378 100644 --- a/src/sass/buttons.scss +++ b/src/sass/buttons.scss @@ -45,3 +45,9 @@ font-size: 0.7em !important; display: inline !important; } + +.button { + &.button-full { + display: block; + } +} \ No newline at end of file diff --git a/www/css/main.css b/www/css/main.css index e87018d90..bf7d641c1 100644 --- a/www/css/main.css +++ b/www/css/main.css @@ -10150,6 +10150,9 @@ ion-view.deflash-blue:before, ion-view#view-amount:before, ion-view#view-confirm font-size: 0.7em !important; display: inline !important; } +.button.button-full { + display: block; } + .button-clear { background: none !important; } @@ -13661,101 +13664,28 @@ slide-to-accept-success { */ } #txp-details .item-note, #view-confirm .item-note { - float: none; } - #txp-details .item-note .fee-rate, - #view-confirm .item-note .fee-rate { - display: inline-block; } - #txp-details .list, - #view-confirm .list { - background: #f5f5f5; } - #txp-details .add-bottom-for-cta, - #view-confirm .add-bottom-for-cta { - bottom: 92px; } - #txp-details .head, - #view-confirm .head { - padding: 30px 20px 3rem; - border-top: 0; } - #txp-details .head .sending-label, - #view-confirm .head .sending-label { - display: flex; - font-size: 18px; - align-items: center; - margin-bottom: 1.5rem; } - #txp-details .head .sending-label img, - #view-confirm .head .sending-label img { - margin-right: 1rem; - height: 35px; - width: 35px; } - #txp-details .head .amount-label, - #view-confirm .head .amount-label { - line-height: 30px; } - #txp-details .head .amount-label .amount, - #view-confirm .head .amount-label .amount { - font-size: 38px; - margin-bottom: .5rem; } - #txp-details .head .amount-label .amount > .unit, - #view-confirm .head .amount-label .amount > .unit { - font-family: "Roboto-Light"; } - #txp-details .head .amount-label .alternative, - #view-confirm .head .amount-label .alternative { - font-size: 16px; - font-family: "Roboto-Light"; - color: #9B9B9B; } - #txp-details .item, - #view-confirm .item { - border-color: #EFEFEF; } - #txp-details .item-note, - #view-confirm .item-note { - word-break: keep-all; } - #txp-details .info span, - #view-confirm .info span { - display: inline-block; } - #txp-details .info .badge, - #view-confirm .info .badge { - border-radius: 0; - padding: .5rem; } - #txp-details .info .item, - #view-confirm .info .item { - color: #4A4A4A; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 20px; } - #txp-details .info .item:not(.item-icon-right), - #view-confirm .info .item:not(.item-icon-right) { - padding-right: 20px; } - #txp-details .info .item .label, - #view-confirm .info .item .label { - font-size: 14px; - color: #6C6C6E; - margin-bottom: 8px; } - #txp-details .info .item.single-line, - #view-confirm .info .item.single-line { - display: flex; - align-items: center; - padding-top: 17px; - padding-bottom: 17px; } - #txp-details .info .item.single-line .label, - #view-confirm .info .item.single-line .label { - margin: 0; - flex-grow: 1; } - #txp-details .info .item.low-fees, - #view-confirm .info .item.low-fees { - display: flex; - font-size: 14px; - color: #777; - align-items: center; } - #txp-details .info .item.low-fees i, - #view-confirm .info .item.low-fees i { - padding-right: 20px; } - #txp-details .info .item.low-fees span, - #view-confirm .info .item.low-fees span { - display: inline; } - #txp-details .info .toggle-unconfirmed, - #view-confirm .info .toggle-unconfirmed { - padding-bottom: 15px; } - #txp-details .info .toggle-label, - #view-confirm .info .toggle-label { - margin-top: 5px; +(??) word-break: keep-all; } +(??) +(??)#txp-details .info span, +(??)#view-confirm .info span { +(??) display: block; } +(??) +(??)#txp-details .info .badge, +(??)#view-confirm .info .badge { +(??) border-radius: 0; +(??) padding: .5rem; } +(??) +(??)#txp-details .info .item, +(??)#view-confirm .info .item { +(??) color: #4A4A4A; +(??) padding-top: 10px; +(??) padding-bottom: 10px; +(??) padding-left: 20px; } +(??) #txp-details .info .item:not(.item-icon-right), +(??) #view-confirm .info .item:not(.item-icon-right) { +(??) padding-right: 20px; } +(??) #txp-details .info .item .label, +(??) #view-confirm .info .item .label { font-size: 14px; color: #6C6C6E; } #txp-details .info .item-divider, @@ -13929,6 +13859,14 @@ slide-to-accept-success { #view-confirm .label.align-items-center { align-items: center; } +#txp-details .button-address, +#view-confirm .button-address { + margin-top: 10px; + background: transparent; + border: none; + font-size: 12px; + color: #aaa; } + #tx-status .popup-txsent { font-size: 5rem; color: #4A90E2; } diff --git a/www/img/icon-copy.svg b/www/img/icon-copy.svg new file mode 100644 index 000000000..1012fc1b6 --- /dev/null +++ b/www/img/icon-copy.svg @@ -0,0 +1,60 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/www/views/signMessage.html b/www/views/signMessage.html index ff30a5e1a..85aaafa1f 100644 --- a/www/views/signMessage.html +++ b/www/views/signMessage.html @@ -32,18 +32,23 @@
Message To Sign - -
-
- Signed Message - {{signedMessage}} +
-
+
+
+ Signed Message + +
+
+ {{signedMessage}} +
+