From e62767ba5fe3c14a2d3dd773295e9d196ff32ade Mon Sep 17 00:00:00 2001 From: Romain CREY <ext.sopra.rcrey@grandlyon.com> Date: Fri, 22 May 2020 18:04:39 +0200 Subject: [PATCH] fix: feedback design --- src/assets/icons/tabbar/parametre/off.svg | 9 ++++++--- src/assets/icons/tabbar/parametre/on.svg | 7 ++++++- .../KonnectorViewer/KonnectorViewerCard.tsx | 8 ++++---- .../KonnectorViewer/picto-failure.png | Bin 6494 -> 1189 bytes src/styles/components/_ecogesture.scss | 8 +++++--- src/styles/components/_konnector.scss | 6 ++++-- src/styles/components/_modal.scss | 2 +- 7 files changed, 26 insertions(+), 14 deletions(-) diff --git a/src/assets/icons/tabbar/parametre/off.svg b/src/assets/icons/tabbar/parametre/off.svg index 7d541abe2..d6f3627a7 100644 --- a/src/assets/icons/tabbar/parametre/off.svg +++ b/src/assets/icons/tabbar/parametre/off.svg @@ -1,5 +1,8 @@ <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path d="M26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#A0A0A0"/> -<circle cx="25.5" cy="19.5" r="9.5" stroke="#A0A0A0"/> -<path d="M26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808Z" fill="#A0A0A0"/> +<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#A0A0A0" stroke-linecap="round"/> +<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#A0A0A0" stroke-linecap="round"/> +<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#A0A0A0" stroke-linecap="round"/> +<circle cx="28.5" cy="11.5" r="2.5" fill="#A0A0A0"/> +<circle cx="20.5" cy="18.5" r="2.5" fill="#A0A0A0"/> +<circle cx="29.5" cy="25.5" r="2.5" fill="#A0A0A0"/> </svg> diff --git a/src/assets/icons/tabbar/parametre/on.svg b/src/assets/icons/tabbar/parametre/on.svg index 6107997d0..0361aa95a 100644 --- a/src/assets/icons/tabbar/parametre/on.svg +++ b/src/assets/icons/tabbar/parametre/on.svg @@ -1,3 +1,8 @@ <svg width="50" height="36" viewBox="0 0 50 36" fill="none" xmlns="http://www.w3.org/2000/svg"> -<path fill-rule="evenodd" clip-rule="evenodd" d="M15.5 19.5C15.5 13.9772 19.9772 9.5 25.5 9.5C31.0228 9.5 35.5 13.9772 35.5 19.5C35.5 25.0228 31.0228 29.5 25.5 29.5C19.9772 29.5 15.5 25.0228 15.5 19.5ZM26.3706 15.808C26.4226 15.696 26.4486 15.576 26.4486 15.448C26.4486 15.316 26.4226 15.192 26.3706 15.076C26.3186 14.96 26.2486 14.86 26.1606 14.776C26.0766 14.692 25.9766 14.626 25.8606 14.578C25.7446 14.526 25.6206 14.5 25.4886 14.5C25.3606 14.5 25.2386 14.526 25.1226 14.578C25.0106 14.626 24.9126 14.692 24.8286 14.776C24.7446 14.86 24.6766 14.96 24.6246 15.076C24.5766 15.192 24.5526 15.316 24.5526 15.448C24.5526 15.576 24.5766 15.696 24.6246 15.808C24.6766 15.92 24.7446 16.018 24.8286 16.102C24.9126 16.186 25.0106 16.254 25.1226 16.306C25.2386 16.354 25.3606 16.378 25.4886 16.378C25.6206 16.378 25.7446 16.354 25.8606 16.306C25.9766 16.254 26.0766 16.186 26.1606 16.102C26.2486 16.018 26.3186 15.92 26.3706 15.808ZM26.2446 17.844V24H24.7566V17.844H26.2446Z" fill="#E3B82A"/> +<line x1="14.5" y1="11.5" x2="35.5" y2="11.5" stroke="#E3B82A" stroke-linecap="round"/> +<line x1="14.5" y1="18.5" x2="35.5" y2="18.5" stroke="#E3B82A" stroke-linecap="round"/> +<line x1="14.5" y1="25.5" x2="35.5" y2="25.5" stroke="#E3B82A" stroke-linecap="round"/> +<circle cx="28.5" cy="11.5" r="2.5" fill="#E3B82A"/> +<circle cx="20.5" cy="18.5" r="2.5" fill="#E3B82A"/> +<circle cx="29.5" cy="25.5" r="2.5" fill="#E3B82A"/> </svg> diff --git a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx index 8f1cd9c4d..98d6a138c 100644 --- a/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx +++ b/src/components/ContentComponents/KonnectorViewer/KonnectorViewerCard.tsx @@ -196,10 +196,10 @@ const KonnectorViewerCard: React.FC<KonnectorViewerCardProps> = ({ switch (jobState) { case JobState.Errored: return failurePicto - case JobState.Running: - return pendingPicto - case JobState.Done: - return successPicto + // case JobState.Running: + // return pendingPicto + // case JobState.Done: + // return successPicto default: return '' } diff --git a/src/components/ContentComponents/KonnectorViewer/picto-failure.png b/src/components/ContentComponents/KonnectorViewer/picto-failure.png index ce92455bd6edffc8d2c57a33c8165542f71b6da4..26fd495cc5648367aadddb76efd05a2702132d26 100644 GIT binary patch literal 1189 zcmV;W1X}xvP)<h;3K|Lk000e1NJLTq000^Q000^Y1^@s6sY*=F00009a7bBm000XU z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1UgAXK~#7FrB+K% z8)p>#?6Jo$AaUJdicIVh`jV(Z%c6({MTKCH=q3t6qDm^Y3zT%xs7e;e&Kouf3s(F9 zt5hmd$O;h%Ek(kqDo`C)RdF$iOGx}^!H=<t<7duwJjuw64IxK5n&)@V-22_fFm?b6 zg~D<05_k*r7hb}j&*ztL{0g)kWJgg=0EbICLHI5*KYu*w@vtYGn=BIw6`yNQo@Bh) z%<4KjnbB^iTMmUn;h?357J|q-;4gy9Wqo-4I?E@MtQyo1G@m<1g8o!0^|?-`dvKso zG#YKLtE>AtFga=6nVDg)g8K94Nzfk-hkMOt^JX<672@s-JDpaL9R;Q{XIR7N=vE*Q z_{3td?1=Z3l6REJWYQ6xpFgq)Vdv&embiQOgwbgH9+%ucq1DyZ_w;)Gwa{ybh}gby zgYntyw@#<CzFdeinM{3=+qYk2l@!LlzG9Y@gKubH&14iuDRPMfi{80&tf!~v>!G0` zPAa5>(3dfni^;)o>QvF7R7@068VoEe2>aGhIUquxO;1m2MIlOv8kI_QA`=YC3T-3B z<M;?sOcWu3`<E}vrhm%kV;YU7m28s+iI8i}sGEQOJbju~gXPMVVu6z3Y9b;&T3CRB z;$56RP?o&XvO_@3Mk>(9lamJ)GJ)rLJvk$WP92ZOcgaA-1*LGM5ni+;W^*`X6GVg# z&tkFIZaSUTkTWmR`w>uSVfmhv@0lFbSQCjvcGPNh@tTCF31&SW&w35AOAc>exUg?e zq+)WBpuL=(o&7zN$vnknzL*Tij^?JOrZ3zpD`WqTj%uh5q~L05sL{&qNi7TtWo1DT zcpv-O+uM6>adGh{-13u0d5+@}KA-RLt%Zd@EcohjkZ`4q7i4O$9-Vw@YH9@{UV5dd zK@Z?wv6j$=_;0RWZPVuS{NDOHI||I`;H;}l=;-M90hey@AxRXIp}oC5g~RsN*4E$s z{rxlC*|SNSFRzL>(Ycx3o+KN%q%jcy)AUR_Ca8ix0K3}S+CH6|n;Ycs-P2R;q$_j` z5wwR?%&C@^q}^_xb-Ufa;r22}VWF58ILZ52kUT43aH+<}$Ai|+PEG&V*jr-LRPa2@ zMk2*?$~4N-HwFip@#4kIkIT#6k&%&KH#Ro@!sAtt_9xCtqrH6asSO5$33G`&`&g+| zwzRgkS_TFNEW^XY*2cz09VRDLItztDdtR>>8SV;COiXM9gF$Nh_u2D(A+i5UAJ623 z2rBRxXazq6sUoRRYC)d89A-I?YJ{>%6!F&9*7^lOh)P8&2`Ng{X|-Atel{#PZ-jSd zjQKj8Yf9lr<6aC+^S@j!N162q+y$S2c{!uipeh-rL?ID<$twb7(;gT{I1>ov(~_5m z|J{;%ue-aOLr4^BYipd%W@8wXIfSXOw6s*wxD?L-J+|+?Qh~eh00000NkvXXu0mjf DL-8_z literal 6494 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ï+~Lq9@qkYlVA+_0Nw&i(q&sFD;LYfR3% zT3`|v>v~xjB1_!2%G;u{7B`Fsn{Tvtk$D^pbZKb?<fj5zq+=BpmSJ+4h7hA{EK1Y= zoL;Z1f}sW`;@`lEMo0oV!CC<)%WZyPh%wQhpJkI=_Hyiuo|Y~-%UVG)>maudwB%%2 zPRq0dg);?h?luM%;-caY1_)aCw!fAsb@pB|H^Km~9*mrTFaT4YrB}EF@gw@zF?dB$ z<^gRar6gI)hfw(GvVm21JDb1+qPp1g(hW!*abIDg<0acpU-e7kKEHB%9h<-;;^JV9 zevR4R_R@dzBo+8f`us$aOlG}6YL!=*9Clx+p$CPt0UxJU$+8NJA~3Hm{L6cNMd6>@ zvz%PqDr{9T^*=LHS<=5CNjCqsSJoUHU`Jg!ASUW~ng0P~=L5KYtZfJEunC-r0T;vD z5zwm)>}m|18Yw$b0+*=hFtlIqrR;nc@SvufW&9e>JWs9R12;HImEoo32oq=TZjZW1 z*WJZD&#CDnZ*Vj$GoPu6C2F56qHUNs!&G@0gd(rUA``ggFFXE(-wb&sULVIcBg&X0 zWEoV9s*mT$!=bJvoX^8C)+c1<;U21R3EqInhsf##L4V8*ijTt-<6Rb<#O%fRpQh*G zR8;t+Za@-tLh3gt;q%8KgD{^Py+Kmy>U8PpxQ9YQ%1od!n@@ghZ2UaN4H_R8TgFU! zC0dvg8#~h8f~R~dBJ|SqC^H*pDkPMBj(k*x+)liFJJNCxK1Ly-mu^RyS-3TG(kk;= zpFwL;GvE=4&4P`MapJE1_0%^5ooy}sl$``B9M3$)5y}JZ8oiz)149C}{q-|_gVrq) z;MCUAN$EtO7T_j{hzgMJ#t*Nf%uJk@3l>;WKI_wOC18m|kiRAh3TO%gxW}5JDgfy1 zNJ~TXD4@t&JJOdSw<w72V^_!g1cUUEtA)Vtj+T1L-%PZvHb<Gyai1fg%v(>emN1_v zCR)I(t>rDHDZ`=B<UHmM^aB&DmGvky11F*hWnPHJ>cM=v>0yBFU-U@@-*P25l0&@Z zGAml~60kpqF@`QN(BX=yNQ>~ouB(>-Qz+=iik6*1EVj1fQvOb4#vR!mWv1a~j#!|` z(K*abXjRhhg8086UWdLF`qxJ#d`_T=kK_z5RDIkDpt;ZbP{{Ef(r_M)q_yiUwiLOW zfT(IT76uDZxt|XF)H}*d!96QJel5QvEeLVfVQB3%Jo<=*DvLek0VHFvr(%VV1HgJ( z(q;k9%nr)D_ypT1*2=Lc0tDE+scruGs%D05N8`;){y$3vcO>OUw%;Fj>}BIF7L;GZ zXV_6NAESzj!m0)lcdB7W8b#r1@drGBa_JBBY}lKj*BKuvn;w_`P)vUC$4Gyedu{aL zt?Dl#bNYeNp92yB#Whpz)gi<+Yy15)T*0idb4uXTt576WIX!`IQ^B$cKF4PE)k5Yu z_U6iMr?Ty}kKdIaLe)&2B2{5`&*3E5xz|s5_}_EOLk2jw?YqWE61J(eVTB70jf1Q^ zr9un(e*^&s2De1Qmloaf-=Lk$dL|CR!ELMgf(cT{7oT`&eOY=s@da+1oqLKAb7t~V z$UIW*#J0~pSQtK6Z8Xef<^9qKLY4sOdlyuz?U;;O&Epd{>b*%4nyI^L;H`lrI!(5n z2uZ0nZnbmvkKYMVkTzn}bKImY*zD*hzMgH$X-5yM%ya`~?|6<jDq2pin>L4hJK1>v z>Wpm9merk`>yVs7biUcoKYBe&T-^;(L12#)-~YE+4eo@f<hQgCQCWh4oyWYu#B1Zr zvyVyhV&1huDxu5Me-I%?MUc(?X~eByxf<@R)i6q&VWEA{LL`DDK}GfMf<zb<?n;s4 z;eTmZQidfx^t?2bunn8h{=U&UErXyyUO->FQQL+A*@xrH$74psTPO;DJd~lyhk`^C z1G=?)oK}ud8o*O~{-4Y<F_n{aVahIs(gL0us~c^lt!E}$6mBlmJVH=<pi*~tqxA$y zeD;oUc&I?xr4>@Bl5T|EgZ?p^4@M)VKeO>`0pfI2|AgnW;&UAM93EXXq|h`S?QJZ9 z`i9mdOVtsCNKjGy$*&Bq0Dv89Kp*l-JOpH)j#OT|X;Ke?6xy&GoBJj07%i0F)>D1M z?}7qc)o#8K+wT>)iPq<nxcUuoE3hd0WIo%?0&tc4_U2+v(!P;{IofFY6YD*D!1c~` z$#Tx=cRlE!qLP35o86aAemKsW<s3E6_|a{%(3M*v9ZIovYaQwfL=z9;wQ{<oT2V^e zox+-inkNQDycz$bzR8&;{th+&*Bo}h+3p#{PETxTEP1V*EGf^1B6G^B*QRpq9Rb%v zHd71F{C-iB@h7Ym-_QFKpB2-}-^r4U>4g+h9x$1{7@?HSGf20zmF<Nx7XK*s8>0o; zZ4+)*=y}$QKnl4x%ihP=4+tb!Jnayq{neOziQ;-RM@f$|_`6K&i&^n62M54)FVxiL z@|KaPe%5qcc7@imM;%uH13KQOF851WgYw4v8HAE_;a0g%8}}37XZoYECZ4Gr4MB%{ z7u>3$o^ldempYFHs6y&eG;|ccU3^$45!v+gBqn=QqJ+Hz=_<ikiS^5mia`5~aQ_FO zJuY90d^%x4s}vW4k#)KzmIm!_gA_3js>P%WP=&%ZpGZZqJ6z?@pn=#X=y5+UN-A6o zkQR=z*o<az_pKIv)zhKwpuhTExT`0IU8+}XF@)jH+XZ>!l<RX{k~0Dt(7B5(&?B&V zDpOzyx`YLnpSAyXP;K2f#_~&icY6!VZX|uoW_RH}q%tUR=av|7++fI#cE5TbN&AEP zh1Mh5`)$0rEV5BcN+qzk_chKc@8e1sY89nC6kYD>3Fm&2wwLKL{6#m#Et@{7ccaeN zA1{;d^ep;P=caFjt2N3>mW>ZiKR;veD_vqm=q|unn({$$P*2kJP+8B#Z_r3aT-jgG z|6cKHSLUgLTN85Jp-~j2ezN0$E(>Ekm6msE#73K+2QxMD)US>~&TW1O<K~i*6styG zO!8IC-q04Exo{9MVo=8i3-QOhl(Y6kD}J!Y{uImi@J&(8N*Y}bom=v#yUcdjv2C$Y zfD95P3bH?1a8Mr4J@T{Q&)W;BLrC!mK6K(SPoZ&Sa`d+^c?Cw)!lUrkJF4l{Z{V@9 zwx4v=Vz+Er;0c!I_C!oozmRXF=U3G|HJh9cl#q%3Tz=MPCrLf$F!=-X0kO8kKF_qu z7KvcqUeN}Wk4aJ0OIK)|voSGKq@7d|Si}=|;%@BF48BE;@ZCSzc2b%P1?C?FrX7qf zMs*xB=dNEUS@E{mj@(XFpizihksfW5fL7@Wy16Gz6Fzz*J#mrlWFI>rA>GyKd6Nkk z`wr|zIk<K1jBr|S^uo9I>4~&+WLsr*Np8(}AKMn2M9muK(4W9DU2J#rs?6GTUn+$x z4h7E6wtL9L0mVw<@%+pX_kx3LY-Ky2RW*~sMr$<Yr~i|Kcz)H*Kc*!MjkC<GwAZF2 z%B4^^r4FA<s)s1C)8wa@yS%E~w5n99dX@Y}cQaCVoWDu#misN<7zlb^-TtsT&cMch zueRavVu6hu%hUdQ#)esGNn(?Iexhwp<s+rV8%pu4x3}NFq*DCte0f(%BtDn_{@*!Y za*6>Xc?ih3TUB)GH?LxFq@mZJwrM7q&EHV|LAnicQA7>4w3KP}xVz@fHSCqJgA5_^ zj4@Du;%NW|k&+krP%2JN$^DN6TTY66{zP6zq8zcDE%U=J`hDASoN_snr$NVO#=Ltp z|2xxU@_Rm4g}~T+QV8T}K6p<wLs_MN++WGce%L}13BZr$DmBP?-)1GvPR8^^{;uy2 zoIK=}s4P<n-d#(Y3}l+HQB|$_Kppte+vZD1Ro%;jo_x=B*`YKxO3x)CqG4!WpS#4} Riad-4^t27Nsx<7M{140sj1B+* diff --git a/src/styles/components/_ecogesture.scss b/src/styles/components/_ecogesture.scss index 514e51619..ad7d87741 100644 --- a/src/styles/components/_ecogesture.scss +++ b/src/styles/components/_ecogesture.scss @@ -7,7 +7,7 @@ flex-direction: column; align-items: center; justify-content: center; - padding: 1rem 1.5rem; + padding: 1rem 1.5rem 2.5rem 1.5rem; .negawatt-button-content{ width: calc(53rem - 2%); margin: 0 1%; @@ -85,7 +85,6 @@ .em-header { color: $text-bright; border-bottom: 1px solid rgba(163, 163, 163, 0.4); - margin-bottom: 1rem; padding-bottom: 1em; width: 100%; display: flex; @@ -141,10 +140,13 @@ .em-content-box-text { display: flex; flex-direction: column; - padding: 0.5rem 1.5rem; + padding: 1.5rem 1.5rem; width: 22.125rem; @media #{$large-phone} { width: 100%; } + .em-description { + padding-bottom: 2.5rem; + } } } diff --git a/src/styles/components/_konnector.scss b/src/styles/components/_konnector.scss index c8efaa039..efd3c1e77 100644 --- a/src/styles/components/_konnector.scss +++ b/src/styles/components/_konnector.scss @@ -103,6 +103,8 @@ } .state-icon { - height: 20px; - width: 20px; + height: 22px; + width: 22px; + margin-left: 32px; + margin-bottom: 40px; } diff --git a/src/styles/components/_modal.scss b/src/styles/components/_modal.scss index 2d8cfd5af..49cae038d 100644 --- a/src/styles/components/_modal.scss +++ b/src/styles/components/_modal.scss @@ -31,7 +31,7 @@ max-height: unset; } transform: translate(-50%, -50%); - padding: 1rem 0; + padding: 1rem 0 0 0; box-sizing: border-box; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55); border-radius: 4px; -- GitLab