From 60a49735ceed07fb05803724e8bcea87e26cf64d Mon Sep 17 00:00:00 2001
From: "David A. Harding" <dave@dtrt.org>
Date: Thu, 20 Apr 2017 12:47:34 -0400
Subject: [PATCH] Wallets: Fee Scoring: Add icons & adjust CSS

---
 _less/screen.less                |  18 +++++++---
 img/icons/check_fees_fail.png    | Bin 0 -> 472 bytes
 img/icons/check_fees_fail.svg    |  59 +++++++++++++++++++++++++++++++
 img/icons/check_fees_neutral.png | Bin 0 -> 444 bytes
 img/icons/check_fees_neutral.svg |  59 +++++++++++++++++++++++++++++++
 img/icons/check_fees_pass.png    | Bin 0 -> 411 bytes
 img/icons/check_fees_pass.svg    |  55 ++++++++++++++++++++++++++++
 7 files changed, 187 insertions(+), 4 deletions(-)
 create mode 100644 img/icons/check_fees_fail.png
 create mode 100644 img/icons/check_fees_fail.svg
 create mode 100644 img/icons/check_fees_neutral.png
 create mode 100644 img/icons/check_fees_neutral.svg
 create mode 100644 img/icons/check_fees_pass.png
 create mode 100644 img/icons/check_fees_pass.svg

diff --git a/_less/screen.less b/_less/screen.less
index 4916af0e..7dee74f4 100644
--- a/_less/screen.less
+++ b/_less/screen.less
@@ -1699,7 +1699,7 @@ button.active {
 	text-align:left;
 	position:relative;
 	margin:auto;
-	padding:40px 0 20px 0;
+	padding:60px 0 20px 0;
 	font-size:0;
 	opacity:1;
 	-moz-transition:opacity 400ms ease-out;
@@ -1766,7 +1766,7 @@ button.active {
 	display:inline-block;
 	position:absolute;
 	padding:20px;
-	top:-352px;
+	top:-382px;
 	left:-20px;
 	right:-20px;
 	-moz-transition:opacity 400ms ease-out;
@@ -1786,7 +1786,7 @@ button.active {
 }
 .wallets>div:nth-child(1n+7)>div,
 .wallets>div:nth-child(1n+7)>span{
-	top:-222px;
+	top:-252px;
 }
 .wallets>div:nth-child(1n+13)>div,
 .wallets>div:nth-child(1n+13)>span{
@@ -1991,6 +1991,16 @@ button.active {
 .wallets .checkenvironment.checkfail{
 	background-image:url(/img/icons/check_environment_fail.svg);
 }
+.wallets .checkfees.checkpass,
+.wallets .checkfees.checkgood{
+	background-image:url(/img/icons/check_fees_pass.svg);
+}
+.wallets .checkfees.checkfail{
+	background-image:url(/img/icons/check_fees_fail.svg);
+}
+.wallets .checkfees.checkneutral{
+	background-image:url(/img/icons/check_fees_neutral.svg);
+}
 .wallets .checkprivacy.checkpass,
 .wallets .checkprivacy.checkgood{
 	background-image:url(/img/icons/check_privacy_pass.svg);
@@ -2017,7 +2027,7 @@ button.active {
 .wallets.nohover>div.active:hover>span{
 	opacity:1;
 	width:auto;
-	height:350px;
+	height:400px;
 	visibility:visible;
 	overflow:visible;
 }
diff --git a/img/icons/check_fees_fail.png b/img/icons/check_fees_fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..b431a78f5b2b8bb6fcb4126c05f7ddf4e9ac09a4
GIT binary patch
literal 472
zcmV;}0Vn>6P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10aZyvK~y-6)srzxTu~H+zd7%@g}cH-un??bQU`xR8ch(J^cIqO
z#UGH;Ub3$?omC)>g`$O}rT-up5G*9JpsNtQcPw^S*ANgfO{TdpoH@+Q;mS5ILA*%)
zFBX*Dy7kt|-!a9rlp@LTvCL*#@Cv|aJyPBr&g8MO2@p58y?d^RPr{!uWHUXCU|IVO
zqEoG1A6IMF$BtN3PP@u!#}SJ|zCm<k?E{8~4z{b+-h8WlaRzW+kIx{ll)uY4TVIhk
z&g=0RfL8nBtXl2O1KXnu9^EqRcfjmz<7Qz%jSaX_JaX_iRCc_1s>^clYLv{<fnbXw
zzV(UpI!gzCXf^6!soQDpUDgv*0F&*j6Rbn!bflb)uns5NS0@0M^~6-S)7%4=0QBoi
z^SzXJ`k|h2M!=2_Wr$OYADBXT*@c$xJ>~>}i-&~jclQ&K0#5b+f2KRZ6Oc~8eOn9w
O0000<MNUMnLSTZ2Ce0H7

literal 0
HcmV?d00001

diff --git a/img/icons/check_fees_fail.svg b/img/icons/check_fees_fail.svg
new file mode 100644
index 00000000..8ef3418b
--- /dev/null
+++ b/img/icons/check_fees_fail.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_pass.svg"
+   inkscape:export-filename="/home/user/bitcoin.org/img/icons/check_fees_pass.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#ee9209;fill-opacity:1" />
+</svg>
diff --git a/img/icons/check_fees_neutral.png b/img/icons/check_fees_neutral.png
new file mode 100644
index 0000000000000000000000000000000000000000..545c215dc06dfb745df73625b9e4eb6cdbd30523
GIT binary patch
literal 444
zcmV;t0Ym<YP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004b3#c}2nYxW
zd<bNS00009a7bBm000fw000fw0YWI7cmMzZ8FWQhbW?9;ba!ELWdL_~cP?peYja~^
zaAhuUa%Y?FJQ@H10Xa!TK~y-6)swMG17Q$^zuo(-Y-}t9tEjclV5K5KuutU?PVfoD
z(kHMn$wjWR5=1K{7M3aV1`<K=2`uj)n>!Oz2q89Z_YXU}voriAiABm6V*kZ}(Cv1&
z&Fl_H=H!-=jsma-Gyu%(qAbhnx+6)FWq`6QKc}!`N$1sbtv*3!_8daE%(85pW!c!>
z4<tQFdUW@L8V?~{n%OfT0PA!*duDdhZnqEXE&YCfJ;rzs>;b31nY%aAG<~modcEF*
zq${ta|Hx9(4zOWnyA`xlVc%7AeoJ9R($=pw0-@SyGt*yUj5qFn3lL-6boZATl{T%Q
zndkYSD2i2pG)>>lY$$0YX=G-@`u?IQR`Wa`08N;f_*iY8D@IBC0r&u3fkaZv-CI*K
m0dSvKRbg*H34GZ9|4d)0=#%Y~ZE&^#0000<MNUMnLSTYTC%A|J

literal 0
HcmV?d00001

diff --git a/img/icons/check_fees_neutral.svg b/img/icons/check_fees_neutral.svg
new file mode 100644
index 00000000..f95f04dc
--- /dev/null
+++ b/img/icons/check_fees_neutral.svg
@@ -0,0 +1,59 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_fail.svg"
+   inkscape:export-filename="/home/user/bitcoin.org/img/icons/check_fees_fail.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#999999;fill-opacity:1" />
+</svg>
diff --git a/img/icons/check_fees_pass.png b/img/icons/check_fees_pass.png
new file mode 100644
index 0000000000000000000000000000000000000000..38965d262bdcf8eb51362a351b26227d923d5a67
GIT binary patch
literal 411
zcmeAS@N?(olHy`uVBq!ia0vp^0wB!61|;P_|4#%`EX7WqAsj$Z!;#Vf<Z~8yL>2?p
zUk71ECym(^Ktah8*NBqf{Irtt#G+J&^73-M%)IR4<ivthz5Jr|+3#$m7#J8OJY5_^
zEPAhAHuSz7D8l;TzVBt7*j*_CMwxTF<rj8`IZb=Vw{*Uf#-Cn}zNYHkr9!(>0!j+b
zyfD|`YHBWazyEeZ`VaOT#TS>D%Psqh?^S-kCqDC~<qI3{zd~$@_p6Wk?}-Zfz2I?h
z_{OHIUUCnjweL#@{K@0o{~-HmxZL~+J1!K@@r_HLeEm>B;W7)+w&H!yCB#FG-yc+&
zedo;GJ?#?59e(xj)=ck9l3_k^ch7k>bHhw&opVMt2WD*uoq2s~cCzBZ;0o=v{~ybg
zJTKR)ihtDJCmgV6^_`@1VNHQOk8SuC^WS{3)*v)Sb6rcOStWO&#9xWymTtz=ZRHE2
zdZ$S%-;R|n?}|_B-V*FB`j6K<t-D10|Nrz~%;E<V+~4kc(+Lbn22WQ%mvv4FO#tAU
Bs22bL

literal 0
HcmV?d00001

diff --git a/img/icons/check_fees_pass.svg b/img/icons/check_fees_pass.svg
new file mode 100644
index 00000000..1f51f631
--- /dev/null
+++ b/img/icons/check_fees_pass.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="16"
+   height="16"
+   viewBox="0 0 16 16"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="check_fees_pass.svg">
+  <metadata
+     id="metadata10">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="956"
+     inkscape:window-height="1041"
+     id="namedview6"
+     showgrid="false"
+     inkscape:zoom="23.8396"
+     inkscape:cx="13.698887"
+     inkscape:cy="7.2093397"
+     inkscape:window-x="2"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 6.5416749,9.9444357 H 9.4583258 V 9.2152829 H 8.4861086 V 5.8125233 H 7.6202277 L 6.496102,6.8530842 7.080951,7.4607174 Q 7.3999599,7.1797066 7.4987008,7.0277898 h 0.015191 V 9.2152829 H 6.5416752 V 9.9444357 z M 10.430543,8.0000163 q 0,0.5316587 -0.159504,1.0785316 Q 10.111535,9.6254213 9.8191095,10.096353 9.5266846,10.567251 9.0481716,10.863477 8.5696584,11.159703 8,11.159703 q -0.5696584,0 -1.0481711,-0.296226 Q 6.4733151,10.567251 6.180891,10.096353 5.8884661,9.6254213 5.7289615,9.0785479 5.5694577,8.531675 5.5694577,8.0000163 q 0,-0.5316915 0.1595038,-1.0785648 Q 5.8884661,6.3745783 6.180891,5.903647 6.4733151,5.4327484 6.9518289,5.1365227 7.4303416,4.8402969 8,4.8402969 q 0.5696584,0 1.0481716,0.2962258 0.478513,0.2962257 0.7709379,0.7671243 0.2924255,0.4709313 0.4519295,1.0178045 0.159504,0.5468733 0.159504,1.0785648 z M 14.31941,9.9444357 V 6.0555635 q -0.805116,0 -1.374775,-0.5696624 Q 12.374977,4.9162389 12.374977,4.1111434 H 3.6250235 q 0,0.8050955 -0.5696586,1.3747577 -0.5696587,0.5696624 -1.3747756,0.5696624 v 3.8888722 q 0.8051169,0 1.3747756,0.5696623 0.5696586,0.569664 0.5696586,1.374758 h 8.7499535 q 0,-0.805094 0.569658,-1.374758 0.569659,-0.5696623 1.374775,-0.5696623 z m 0.972218,-6.3194054 v 8.7499387 q 0,0.197495 -0.144314,0.341804 -0.144313,0.14431 -0.341795,0.14431 H 1.1944807 q -0.19748177,0 -0.34179513,-0.14431 Q 0.70837219,12.572464 0.70837219,12.374969 V 3.6250303 q 0,-0.1974948 0.14431338,-0.341804 Q 0.99699893,3.1389171 1.1944807,3.1389171 H 14.805519 q 0.197482,0 0.341795,0.1443092 0.144314,0.1443092 0.144314,0.341804 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="fill:#008000" />
+</svg>