From 773da8d0749db7cd2a84b1cd7d9ab5a3ff328723 Mon Sep 17 00:00:00 2001 From: Rob Culliton Date: Mon, 7 May 2018 17:00:59 -0400 Subject: [PATCH] update coloring and include check box w/ message --- .../public/ic-check-circle-black-24dp-1x.png | Bin 0 -> 260 bytes .../public/ic-check-circle-black-24dp-2x.png | Bin 0 -> 493 bytes src/cljs/commiteth/manage_payouts.cljs | 12 ++++++++---- src/less/tachyons-utils.css | 6 ++++++ 4 files changed, 14 insertions(+), 4 deletions(-) create mode 100644 resources/public/ic-check-circle-black-24dp-1x.png create mode 100644 resources/public/ic-check-circle-black-24dp-2x.png diff --git a/resources/public/ic-check-circle-black-24dp-1x.png b/resources/public/ic-check-circle-black-24dp-1x.png new file mode 100644 index 0000000000000000000000000000000000000000..a2caa18db2b2f00f890d119183e78093314e7a64 GIT binary patch literal 260 zcmV+f0sH=mP)ayb&5+IG8{X5M=Wfq|%hM?=*;Bc- zRdy^W5Hsb1x}BNelK4Qu)+BmN4-)z_vHXh=V+;zHQ2*qG72-s;V0l;PKM->Z_K$VM z)`DtpLtPv#xFN)A6MjNnT>D@JP5Sn93+$35U#>0=7VOX<@pQ4VV1WjSr;C{dh4Ucs z^hyR}f*x!{$NH}RP7f(gcq8F5=Hz@I5kqFqmLu1;0~=;!p3EOL#1#p?D_&0k0000< KMNUMnLSTXkp==BQ literal 0 HcmV?d00001 diff --git a/resources/public/ic-check-circle-black-24dp-2x.png b/resources/public/ic-check-circle-black-24dp-2x.png new file mode 100644 index 0000000000000000000000000000000000000000..86bf38e98fd6cd4917a9a05f1627b4cd00bc95d4 GIT binary patch literal 493 zcmVM}5-5a(K1E3IIb76@&*2A@3Ka?2H4rk8_6a0`E`;ve`T*h!RCH0s zX}8X7{@uyIb^g5{ZiJlQMmOg$&b_i1ybw{R$1^iha&l5;JkjNvh+y7w%MvNsf*UUI z<_(YJh(0o6PVu0{AH;GinmBRD7sPQfRV;bMH^gIOYFKcn>-B`qQ+!4O_J9s8ByjKa zgZbA>`kmqCbHWLwJbLP11O3hS`|?|xd+RAA)||7I+aP`M8HSh;v2@n|*s2%iR4}Lq z>x;X>ptnQ4(81t&hk9Xz!3?3ek4zN(k*XJ_7^FyH?|~yGo_Zm{pm+y90GJ7Dy^!gF zK9nSWYI;48B6`9>FC_X)HWP~8_9Z_dYQj#h9MdkMCS3GF8-r^^O}OZVOAI0wdcr~f ziwc;eA(g)CGAuU6=+00000NkvXXu0mjf+)>#> literal 0 HcmV?d00001 diff --git a/src/cljs/commiteth/manage_payouts.cljs b/src/cljs/commiteth/manage_payouts.cljs index b2cebed..ffbc18d 100644 --- a/src/cljs/commiteth/manage_payouts.cljs +++ b/src/cljs/commiteth/manage_payouts.cljs @@ -254,6 +254,11 @@ [:span.pt2.pointer [:img.o-50.pl3.pt2 {:src image-src}]]) +(defn check-box [image-src] + "generates the appropriate container for a blue arrow" + [:span.pr2 + [:img.w1.v-mid.o-50 {:src image-src}]]) + (defn three-dots [] [:div [:div @@ -316,11 +321,10 @@ (into [:div] (for [revoking-bounty @banner-info] ^{:key (:contract_address revoking-bounty)} - ;; TODO change this to green - ;; and make it a reusable banner component - [:div.relative.pa3.pr4.bg-sob-blue-o-20.br3.nt1 + [:div.relative.pa3.pr4.bg-sob-green.br3.nt1 [:div - [:p [:span.pg-med "Transaction sent."] " Refund is pending until the transaction is completed. Check its status" + [:p.v-mid [check-box "ic-check-circle-black-24dp-2x.png"] + [:span.pg-med "Transaction sent."] " Refund is pending until the transaction is completed. Check its status" [:a.sob-blue.pg-med {:href (etherscan-address-url (:contract_address revoking-bounty)) :target "_blank"} " here."]]]])))))) (defn salute [] diff --git a/src/less/tachyons-utils.css b/src/less/tachyons-utils.css index 42e1d64..92a495b 100644 --- a/src/less/tachyons-utils.css +++ b/src/less/tachyons-utils.css @@ -29,6 +29,12 @@ .hover-sob-sky:hover, .hover-sob-sky:focus { color: #f2f5f8; } .hover-bg-sob-sky:hover, .hover-bg-sob-sky:focus { background-color: #f2f5f8; } +.sob-green { color: #d1ead8; } +.bg-sob-green { background-color: #d1ead8; } +.b--sob-green { border-color: #d1ead8; } +.hover-sob-green:hover, .hover-sob-green:focus { color: #d1ead8; } +.hover-bg-sob-green:hover, .hover-bg-sob-green:focus { background-color: #d1ead8; } + .sob-tint { color: #f7f9fa; } .bg-sob-tint { background-color: #f7f9fa; } .b--sob-tint { border-color: #f7f9fa; }