From 493634aee5d20075e35a3c27ef2070e92cd2acdb Mon Sep 17 00:00:00 2001 From: Dank Gabs Date: Thu, 25 Jul 2019 00:27:58 -0400 Subject: [PATCH] Finess for the add / edit groups forms. Is now pixel-perfect to mockup specs. Added all post-function icon sprites to the app. Remove FA icon from the form and used bg sprite for upload button. Will match all other post / composer / widget ui buttons eventually. --- .../gabsocial/features/groups/create/index.js | 2 +- .../gabsocial/features/groups/edit/index.js | 2 +- .../images/sprite-post-functions.png | Bin 0 -> 14921 bytes .../gabsocial/components/group-form.scss | 39 ++++++++++++++---- 4 files changed, 32 insertions(+), 11 deletions(-) create mode 100644 app/javascript/images/sprite-post-functions.png diff --git a/app/javascript/gabsocial/features/groups/create/index.js b/app/javascript/gabsocial/features/groups/create/index.js index 28079f97..eb8606a7 100644 --- a/app/javascript/gabsocial/features/groups/create/index.js +++ b/app/javascript/gabsocial/features/groups/create/index.js @@ -95,7 +95,7 @@ class Create extends React.PureComponent {
ehn&b7Vl2Z{ zmLU^m-{;sy_GK`}`v2;jI_LLu-uM0e-|Ic^_51%_m&Yz@K9ty4O5R(GDKoc5bL$XYA1k6vV*A z?k4IA%FZ5(X+Wv(+QsVQc=ejcHN#7)NVJQL-F6unAD25o?OnUnwS4Z_A#bBRAPCe= zM^_Eu*$R>{#L-?u*h0Zj&hU;7>XxIvuN%tL*XSzJ_cl_+URX;LqVA&#G~j~ru!H!x zIJ>&5`e+D$ZC4d|-WJOWL%tUAxUC`l+n}x)8bfr@ZYYR?jG{CW`lA9wNks;#2>Ve* zMG7J>2UV7pQY1M<)wiV((YJS4?7=eS9g(bEu2HSBi$VDcsQb6A=@q5A<&*4 z8p6Oxe|rU&JBEhe8+LX7eWHLVll8H?BMX(0lXY>~ey^{k-94_L{ustzmUh32y@Qgy zf^tWDx*>t}a1i-c8JN5Oyrb=cz-Ux2yEy`jV&{Agjr4Ruxq29!(+~!}k+FBQS5>k@ z$=fTSP|_$l2YKlq9S}%q1k_GZ8Y%~qS3=k+!jN)y-`e@B`cT*z=#S@g&Ye*_s|vfJwNC-wOz z0(5fw@%v@~K78L!C|6()xdEHyz)-yDu3d^Z4bGjp>eDmT&w;Z-J^gjQHGbEL`+HuT zGcnfQGc0}gF!gyq0Bwj=l919MYFZp1mJ4<<>e>jCJspX zyfZua2ohseV{dOfa=ey%_u(%Aq*wW!g*kbeo(7$-CaAMmo2-iLiL1X{-cs?*GO~!} z0Uzh*hYN_?Ms{mBq<_qgCHL{Tk9_&^CHi^a=E{oC?xbG*FwE33@y=Sx%)+u#ow|Z> znI+`vXAxE6fYuTuMp$+@%A8fFh%F+Q%!P6D%Yfqz1YM`O;g2d@&KwPuuJ`jjNHTDtOySx(E$LHR}lW2LE{lN($~%{c(d4DXNgdbiE54I?Ai!yjXZK%({%|7UW42`@au+Vbr!Omr8{ufEMwUm z+jXM^F}RO<^GN9vXzjI)mvy;Wm)Vk=-8%$xn~gOGD8|!Qe__`-8f=I-{5b zZ!%>*_okS7%>~)>MA`Q~2&BNlYCN$=Fp;U9EL9Ibnn_$#t@q)>tedTW!gs!YpnSq1 zV+bUxs(F+?3q?mX24>F`jvF%*J$=a*IoF_wC6iI@mM6p0%&>q&;%vdK$Vq<~?QQ8m zHPcrsBB7SWu1gTn-@;AiJUOJ#RiF5L?p~VL%Dw|;5On66vWrR&)@!2SU^^QYKhmVk zyx0C#j;+uY5vD%tE;VuEm>${Fn<9jFR*<_C?4Lg~d|0)g5uu`h)(t!+PAZW+`b2vI zpVt2>syEQCpR7grDxls-O`-}}USrH_n6p(M($DAO>jpkJXWz5ipT6lC#a>Z5ZQC9| ztk1e}jRhOnPu?1+b+H9X9M1V6^kiJ+q-Nm7FhbIR&!EnDNI^lt*by!pd))Gwp|Dlb z`+Bl@z>5%6GEZm!PghsF$+@J!FC*?8ltP_ z1Ci`k9>n1_2X&8>`f$#gp+x0T~ zaaMC(>C#K{jn%LI(M9T4D}k?@h}n zziLmo*!m!qrqZh^`|P=?V*T(6m`iZZvA1iLb=$gzMM1Bjljn@9nqM=i zm1RR9>pFUXzd0c8j$XNF_-XY7FNB+W-@ZM2SXg!k-__QJK)APm|0~gNCI6w+4$-dP z+xt_gzYzIz?C5VtOWKefqQ7WqhiKRLSNcALouWUz__tC!Mf1{sG=6oUUMBnU_+oh! zvWln3@48V^Cpfn36s^AaqIv%<1vzJUoCY#48tcZ6;bE#e9_yU;o&M0DyEjxiE-3P8 ze@O4;#+9_M8%Bp>>gywvavc6h&+^EDi;&szIXkoLFgO6BtXt;&WOsxOxTu$>Q^gC` z7mGxmE_97-%!y!LnrhR!Q4F;fOQ~HIg3dndP8(t{Qs1ye>2EdxYcGfZ^SSrzsxcW^ z^SSQq5>qsR%hPT;`gScK)Qs%GR=BZiV0JoJ_2p?`p+8kwYS`HLW-a?cE$aFNiabsH zOfXxxN<_(m^i8q7ZWk&12pRm4n>d+Rky%M&(b?iY4Su{ zhE97=9j1T8q1*atkD#4!wgX5Aq0L3*ihxp$lq9B-bpa(#{5cb>$)a40E@CAZxrZa zCMOl#rlnh9%179EUmhFex-IClVqlcQ>Sc4*Rs_Ft#v&}rIcLqM#O&ScJ%yz+!~Y_5 zxU`tYt2a7tTWIFrnG@D20m&b%BSiKLicG7%$^_>>_V04KfdlrlAJXNimZk(P!^Mh$ z#KyBCQ&51u1XCK|v7+GO3O&kLRL|#%TtRa%Ufdw8a;wPft=!&t^^DBQinaSlgdm>4 zHU7MJR>rCMs`X)d2@dNCkKxhtwP2K)?>6h0M)Ooj(ZqG9Gy6P#9dz-8hc^h|2m(Vl zG6|5wykl}L2g_q`W6CxVf!yv-m2s!war?*P5-dgy*abIG0TqHkFF6ApKZ zY6!c&H*Sm-IV|)rIvUI`E?zfv1m^d46U>h^CnqbYs;-tTKA4}!+)f?byCg`M1+70ZQA;}0wo zrsA|jXdSzmN>e=U)(Js;i=uH3uF>Fr>VfxKkmb}IUByWqDF6=@Vb@TCJ?WD(-1INF z#XD1p^RJx~(5GOkar=fFFm6tiK`6&WQ@K{tns0KI(pjca!eoG&QHl-Ym+B$6EhRkT zrAKAF_aG8e>3z-f>dXoAbx4LpUNkc*R5@M+DjQKIy!BS;86S+~Ix*arHApmvk)2++ z1=oN!nlNr>B7{D@p|}q%T=e&QY5*!QihT-aF#DmWqk7KVyBvf`=^5eL2Eu8;G6a@K+034=JT6U{;HUKzjRxo_UR^^f%MyG+V$FD5oD(m*l&b>? zx??s^mR+4b1dkF4SexU{UY47v+BXE7ALO5`T7SCILnS+|g5#u-Hav75>J^6}P5p%w z+$gknteFsj^-d{NW61pkDrhkmt>pZa3MI*4<`;jQzCEnkxxxz*VQF}jPHpXi(L|sm zXJxg@V>1&(U96kca;srl8Nqb|6cY4$P@P@n%Kq_6Y*J+-eHk^tcRDXArNxk4-Zi`o zmPfA`-(;@|xc138y97}ic`!S1ypP?nM7K=DXlBl(Mn{T!pRrgR`M@XAyHsiCj)1tu zvBu-n!Hv+}L8iB6=k%LPAlYGaQ~)o(SOh04+~3M8%DL`)NPjc?wGcQh$aGaCWmEHn z#$dCyPPXl=zN{9ip8y`WpeYX9)gBf0@Kb*5-Km z`S}9qKfU+%9fu+;%8dPOK_{g&q-q zTOnm&g%0Ol_dQZ?qq8#G)0p)OpMzmx^ZY{`oPC7)+LYpHxM}?$X{G;q7vq+Pmx5Xx6aadfj;?YW5HipIKA$j6)Te6XPS-hpkv(5|^$#c&k5Q`k-h zYPZTaM_3N^HeTwvmn;Y)%+M>4=Dfurd+^-!JX}Vn?m`I;sYNNkpUb4-wUSszvL9EOC3!cN5LDfkC6L=)G3!%1DnjoE$*V^SqyDx^=4j>(SB zVv}zfBL0Sw*<|AIK;F$U$3>A~<67Jv1Aet%fFMZmdp|c#5fF#7cu7m%=jJg!XRTsK#=+ zr5|dksEAc!`uZL(=u?TcKe<{U5ZeL5qp|3Yoy?L#X2 z?%-Xf>!rZ6_z50dwrpRSab*VLS;*k$T`=I`60EPtO_vBQz$20{=2WPI#!zy1e2 zKuMSMgwxT{(H~oQtPzskw@xq z$N?+J!MZeM%hu}L^Vzu#t_MGWSyG(@p#}m`!y|mH+FJ0_dmSz)TBxrLpU z&t^HUI&m!2#&@bHEgx>FP95$oeSVnk*(8Hy%3fEv>L9K`IvW@m(WrG)>kGWo#k1w~ zaBT9B>g13r$7G&+P_nc2P>D^V4Tg|lbfg3#B#C7<9@o^$ukk!C>yB;cU5#tkp|Uox z3qH{($(j$_U_F^f9}I2QGFd3$rLFA^=)afzxo$K+bIZQag2XT54zEtE>aLr9Zg=GK ztai+;;f3C%Uln_?$C>-G!von1b@&st3O5sc_PuGoY7yS3P8htXSB&vfyQaIS7T4`! zwW+{~CuP@o8o8{jFS+y$IB(Z#X_7V6fR*g)?FiT$I@F0Z>F=;_eDhGz6WwX^20Hd)uTj}_ClGG$S)a- zQXQvsC#lmb<3Ny)f087psQ82n6NIAJKrc%;<@;oy3l)EcyUGRt_pD!OKf!w^I%!8E-GH6*bX}E6KD~M0rT})*yrLkd=BRctk0_DytUN+JOpC0udHGJNa^h z#7DB^(N3JLtK8WmI=TDDpYz!YXw_@U9II;`9=Q#T#Sf)zZKbyF0Tq17a9}^Jd5YGN zwiNtuoPDEwU8;?M+_YG~5may@GLhU6iQ7PYQ0FK)MOD1&%@H3|+RAURm5Hk&KnyYJ zFyV@-`2%onNk09U5h!M%2;sZA{w_f{rZ?&NDQ?MQ`qmPgce!94KaoK3L3a~Jw^|u) z*#*v7%0Dl_<3e*Iw1y(IFWet$)`r1Y=2`byPlepo{`<)H-TwK5LH~;Ap8&S~affIJ z=Kh=H+hM)^g|+yH=<2(#v7r%PI*X?M@nRqO=`>6X(N-cCebjHQ%Q_sol z9JWvgj)fjv1v2okyFXk+1?-8j4RYjR+s(O#1-WszNO3|utbR@4A#*c$8KhxNF zKNvK!2HoO?5yA*+O0x7d^W7okph5`;!`SLu4muRq0$I1P_IE!!pW!91BaRQ@x}L2g z0OL%iMD^(XZR1Q2TJ&;0Fuixxn4&QqH5goq{bvGJ&Om6jnWTP&dT2>hVh z%vJfg5ag35!~q>}pLzGBRJ1-dEST&U1D^DKlOwGbBj z2)4+91+P8UIo{40eGtqZDyRpJRei^54_4xAcSm}eA-_(YTG);thit`))v}qORby! z2*Ac0A_7!+3jKq6WH=4=lLEkyS?x&0pc`mOr~LA*QVDO0c{yc?sd{_k6HH%KMFK;{ zUF;z?nW~m@9q8lT<6s3DK2jAlY<_Tq%O3e)mU@1hsctucr{~+Uk)cB%cTLMSE|?{C zv^r&;`0(_Ce8%;TTHwo{Qfe=dD+sIoG59)S!Qkz2ZiWTm_tWpEEk}A^@2Ihx0@XNw zfZv59%*pFW6Sc+4flX)yp>*1G`;GN|)jloyffK-=E8G+Ee-T=YW&FA(gf0f89L zeBj-M5GTcpODV~?(WJqW#4*%mnrL=dV0O@O>7v)q31G*h6vGRoBuo%+(i#o88G7Zk zhj#fo-(E6){2g+gJX>V6cuYlP2fMH!s@=F)yCoH3QC#ZWQ=T)sFxas`d}vNO>}KYy zA@JnvD2qXgb=$ycZ+Uo){|Q|1l(sCOnBYW&lJuerRMfMUe9gWl$OJ{rtxJtQ)i{&jQon2Z>W15r= zGl{k%jWYF}OMw*!9zL4KklwIY_T2jmEdGV)54Y+&pmvJB$9?`_*1sb9cO&Irn2q1y zxmc^e+T7LE^$z1^LLo->)!9qfWCtqwKDlr!&eYc+EUMm>7k{uDKSyP_* zo-r%Dy@TZQ-!srDX7`_a{5FHI+MM{rH75$8*J?QsDmyRj(8byg3EjlD6Dsxp=g z)AU<*rlLYuPjpmQ8SdNjMS}aFolyFNG9(gdJAOwT9I6>7s=;5J^HDlM8Uz!I^OEK8 zYI(<-{xX5@hsLQFJ|`XpgVJ01e#ls;>SB^)HTK_7kgEq3D2{PFu(@BOx$l5GB$iuZ z`HWcSIL8B&SIczJwmQk4QXjq#m_6d~ID1pjlifPU^t1VXsQi`ukjp-c?}rT<1m-JL z6NLo^B=y^XUfD=2CWTPGXdja08Txh&^YTR85`dA(+-;OC{6Hm*njZ|{6y10=nzsD% zj@c^7vs|`uAt0pc*t~cBJ0sP9Qi4A;=zFknhv<*9_WSk74$-%T`&08fL_5raztI1? z+W%J9I|oX)V;k{CpqMfV2OHg)&Q;tf;8K>iNv2WZaXjRcM568gvsEz-VUhPniKa8U9O7yR2%uYQ1Hv?b)PG0p}ZT|6* z3jlzMhV7}i5X5p!w}^uYrO*En5Z$N&vKb61C@2-UrtR;VafyzNgEITFBu9HbKkuhT6dEs)X(Dhw9=MmRWFSDO6W~1| zz@4#HLsX}|!Ck&&1!+?IWs}Y&tkNu*TDS(mhOG}9%6L2aO7QH?IbC47)uPOF<714M zu7bVSAXkOs*00V)*WxwdOJ%suI?%Mv$sr$)WPg|ghL3SdqoR1M#`G;qswAl3na1NJ zuQpo?v6v~kbscc6dFQ2>4vM8AKTfFM9zWa_jx^~2NKAZDERD@hKI)mL}_Wv%?&9I`CyX$eVE0!LjaPjU>u;6aE>Q;GqE^O=u@70PEh|qc$x*Z6J^%0Icl)3`@M0u#a zzU%#n;NYLG3clI2|8CYQcQ|_Y_e1BKZS!rg-wmVxrJzB`4g19Q3=g-;Zs=N_08f!O zMGzW=pwZ|`HGK!&O(_b{#9DuG2juWQz+FR08(S9j5Z4nBMh{iQ9PFYRe=+v@=zfdx z0q2L130FByyIHk#pj9UajMU_JM^ch9!jbYEbWb#;vF9_8WU9pyuPP+&V;&Vq=qewlq8!BQY!d`u^>>=ZhovH)AcFbA3K7X@p!tO);_bU`!6>0#Dk#wd6_0$E&A5A0IG`YACr zT4G6AQNR@niMMz-r{}TPN@A{cp`?cHdT}UtxqI7J7X?4=^>J>mb&(R8ejD_S^s&lS zNm^BzGm{*2!2aIrW}J{u5^<=AZ!CQk{e0#8`0JI&o_O1VJDX>=+pwP%vkkJMtX-5r z8k+bmXB{4^>liMHxI8p$TiX!S@tj21hH*DCp5DUYwWh>eO~$LmT#|eA!?Ss=o6_drM`GwBs=CAqWeLV_3ETk<@wUj`$ zV!EZpHiVg=m%gP$pUfVkB zHf{6WW^2ynYj~yX#Rv+B!Y{H6k!q%%l1gOIc7jt2f$15KJ9R~EV_LQH*H*#6%M2Kh zPR;85^f*vlw9>SJ9Mv-$Vr9`5sAmtL-Q|(@oL-dMY)YXaV-8ZP3t#7 z${#eCRcCBj4Z?7?a-4+r89yiM*T9Wt^w$Mf$^No_w_1LUSFfau5*FFS^*rq3A${N9 zk#3rdPZ4xwT+8J^P7ZGPy}ATxfJZgi9J4iV3sfLHT}-2PUYyCebPW&O5=h4Nman|K zH2YwwRLu7B?DJyNq(OS3HV3Ir@!+NN zYB zmD5b|x2rL0%^H@!Fwy_tyZHWgK>YouS#Z_y@g){=T^%pEfgNdsBY9vc4KH52=wvK- zZQqG$>^&V9j%-$D22#8@Z*C~kx(_x)v)GAg)u<8-1avoh%BuP)UD}Ar`N;AxvyVhM z+r17QIyo!vsA5L0;oaECsLh)c)1lOkS@jx(n9G>~8{rsXTiSHhGzBNE@2uekRjA!TV{OYOC zgTk(n*z@NW{DS2k0x3CD+buKBW#3Khy;svQT!7_}%Wv$p#h;DHtrzjy8J#_p~hkURYcgi@Lm#5q=2K>*-_T z=3B)HWKRP}$DqRjQRy`e^Zl%R`s?_Orx^L`LuvGieWEHdR9?WnnrBV&8flg}W}2@NR{=TV8vOFz-iEat5 zfp$MZRB$~hLREo`bG3)IR>H^)sbCp;#7UBQT`IuVOn1+@nep(6RCRh=df#6?Kl>m$P7ui?Yrm>8DkJD1G^t_|Oo?x@3_igmuOYTMqj1vyTJ_{FV z5E6RaJlUqG>z7Z~Mzcn2wayBO>v@+E=}DFQbvApL)-r2f{Dtg%StEpqi~K=ji#M>| z-aa;#ViIbtqkyO=L2yfN;KZzu)R%V)f{`i`f>#2H?8dh4 zDwjz)L<#nt_dU*RIBlL&+Bku9zX-B0UzUgwX1`;wXI?9+r^wR4cX@)e1c<1e9?4G_ zZHVhESi{)Fr(6eBRGMiE$Ajgp*C2HExxi+^c8+VFAdur)yq)8^5Q7V2|DvgtJPUK) z)CSgsbTEUx&Od*p)%#pdydhIl5C?qYB@*L!uj5^*>j0C`KFYnK@HjdxQyMhc*_Q}3op^spD~8XZnIx>&G56ry0? zCXpzWnQp{o?(a(RzMj05fHUN@y-4=gD6aKf?!P%zIC~v@V3k+Yx~d&&hL6Esr^JV1 zuWO>^$7*z>!va|vbn)%4{LjiJGuBafgNmoZPLRn=uxG)jbH-&{D_rhP?# zLkS6S?4B*SaI{7{Q=OX-T-zM5ImHj3^p00mFs0Aqo_eg-ODTt-}s zWG0K*;!WRdaY=3ggQ$S(UR8+mP+pzldQxVc2#?(lr>*UJ%rP>Twj5~w+y~K+{}^-2 zSr?$rmqg&&`K2x1aQ0s5?XbpmLy9MK_%Puh{ded@TW+r|=(_cPM4j2-DW0OjMpWQQ z*)cY(*9Y6lx(_~?#R=`YBvylbtOvc$RjF3sh`V=x=S-7r#jB`MSJO8P-vf*4aT~~( z88_@0dA+KkGYH>2S@*f%NHvVIbvaptog^n9^8!fz}2?E$$a>l z7eJoNjf^8NrQ^Vef&Lexm14BJVzyckd?&|jOm6*)?IicO#hmtgg3{