From 10abc0e8a9230c5836b9b6a8f43200686530597f Mon Sep 17 00:00:00 2001 From: Bob Mottram Date: Fri, 2 Aug 2019 11:37:03 +0100 Subject: [PATCH] Different way of highlighting followers button prevents odd shapes --- epicyon-profile.css | 32 ++++++++++++++++++++++++++++++++ img/icons/person.png | Bin 5328 -> 4531 bytes webinterface.py | 12 +++++++----- 3 files changed, 39 insertions(+), 5 deletions(-) diff --git a/epicyon-profile.css b/epicyon-profile.css index 4c6d636c..96e3c989 100644 --- a/epicyon-profile.css +++ b/epicyon-profile.css @@ -105,6 +105,22 @@ body, html { margin: 5px; } +.buttonhighlighted { + border-radius: 4px; + background-color: green; + border: none; + color: white; + text-align: center; + font-size: 18px; + padding: 10px; + width: 20%; + max-width: 200px; + min-width: 100px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; +} + .timelineIcon { width: 10%; } @@ -186,6 +202,22 @@ body, html { margin: 5px; } +.buttonselectedhighlighted { + border-radius: 4px; + background-color: darkgreen; + border: none; + color: white; + text-align: center; + font-size: 18px; + padding: 10px; + width: 20%; + max-width: 200px; + min-width: 140px; + transition: all 0.5s; + cursor: pointer; + margin: 5px; +} + .buttonselected span { cursor: pointer; display: inline-block; diff --git a/img/icons/person.png b/img/icons/person.png index ee96781d00b75a34bd631d0f61cb32f99973e5be..782f443a342676a6e570443b1ba2735f19a793a5 100644 GIT binary patch delta 4411 zcmV-B5ybA$DYGMxBLWQ#ktHC1k{n5nME~s+eFQVu1{}v$k-otke;z!7NivJcTBb!t zIjox2;yJ7Yx3p@KAIuk-h0>BoqYd^}lxjHsV@;*UQ+=I?I3 z_q7aq_{Eknx*J+G(Vl z&a+)<5n_=eovp}{{2bHV#biC86#q?EdH|mdI+7R2We&?nEa`c!`SW;~^5mU3QxZ1= zt&u&)Q?;dmw0^HISWA2edn}3`Ay+}wTYj99M}wk^+~g` zz!B%`7PF@BwUr;7bF6_=OMLZ9>ic~IQpB?>!BEj9#g=kSEyXUd&ZsM(+2hr8jEw0OjZP@2GLO_iwjIPAAnd12HLo3B%&%gea?nvy&qRg5@NsH+^9D9l0-Y3uO22;wHaBE;w}m3FLx9_XBc&#O)WT?eWlU zegN_=B&RTBru{hK=nx&QOaEva{^^DP?KiR#Wvx^TMQM;;o(Q+pRQrI{XN|Vwlse{# zA%Wp4kYgTymhX%d)g|@y0>SFL-_>UBl}gxYS>LCXGq;qpPMPPH)^@6+-mo=|!RZcb zjDSDyfyLGyxeafZ)@SW2WuPzG?x{rvH3P_gqgd;)+*=K_LT4>Ip>p0RW5IjqqUKG- zPRJ~dXSMP7+wf;6e6b}AlrimAl`?MU1i^!?*y*W%z3(n3UxGSgbAss2Maj`_M65k8 zZ<=}(20v$E^VaI^teh>~&~&!n41 zZGFrs2jLDil?r!>`VK-)p3VfAI*F8gCb^{ANvH2NfvvJ88*BD8BM?r)uw^&QCESyq z-|d!vo-)mU%hoeS(mAZKl5^%vr?HPi8#LvasXzv~8JbmUq=1m41Cl*m+wcw_s*IV2 zU#NCVLbkZ3WIOUiT;Zto+H?Q-eH%U>_$%8sc=l+RjdO0FC$FJFRj8cB5x(AY#If#9 zZD(K^P$dM~mU^+~%xT@O?^AG-VBt8p^)@4aq6_D)4ZY4erXR$zK6$TPCGicxAGY03 z02A}TR1WaN(QCXd|7!aQY|MP?oaIg$z$l2aH?qH$64vP+)2>EUF4-V(hMch0ne=z> zWsGswMIy>m!gH^Dto&6r316Nt;Co$#a*b4C(RfZOmd@FWLi~ zDR7&o(%TbNI0aje-jAoqv?REnS{t_VCbM$~)Zjd9ZJ;5Us5XAZ;VrDhs*>Sw-AYfe9$Q^%lVCA(5^Xy26C5o=jO07vtx7SHq zy3Ih%x=p2Vwtw#Mv>Ec%vR2L@qE0p_u(O|@KP{cCUq;sxWSuqycjYJt^Klyk{4n#0 z_VCSysXL|DR>e*?XZvK{K(IJ}bby4`g;b0Vg=LVQC@)miI_xjO4{W|eF3`b8T{z;#a<_sDUFX)cUHY`j3UzbNg>=_MjVPJn<=wd4AiHyalYrl$z*cOf z3ccJSl6%S0?!_%CRB{-O6RE~l9_CO_9AfO(>nUBS+Jz$Pp-#knma^?yBz-Ihru7PP zD0FtG92_qIV`W&{u^AF-XY3k+TZi0?`(7zt-}R{TCU_nka{92((&rCP$CrkHl!B^vq?s3 zJz?(;ypS2buhS!st$|D{SlP^Jo909*(hZR_FVjCa8_xK(3y)z2z{2BY1TH`bn?Ex} z9x-Of{;I&p7&F7VZuGs^e72nn3 z1W3ysr=jkaii+CE66M$3g!D*~DsF6+LB8l&AZ&~_R~s|}Uv*>(1{+RMTn6wP=ex)T zL_g;@me=tcG7n#~{G>gr<^$P4@TL2$kF3&q#DF_h!a#;775E!hi|SypaLfA=Mg-|7 z6XEI*?Dn)&9AQs?%z0_}Rrd?BO)m4ApR4kgjiina6wgykFJS-V%8RQQ2p+7X<@+*FbgmY z2MA>$V%!=g#b(d=FtocL8b)u|dj#vecAwOLdRhj?p0GyNM*|q2a}Lz14!RrvGSHfq zSyWqdQBm*wo?chZE$QD@E7X!J~CMR`Vhfu!1fTTy=;{b(o zFI?#qv`1i$DE>Cotv#HV@EOqB#V05O%VM}-WLW89d-2}~%Eoi!wG{Z0Wz+;#g;PVj zSmx^;MX}JiajF@W=`*}jl=sG_x?AMt)TXBGIiJdZu&y|eVLsr{Yn1wd|9H5OGb_Ed zx5|tDRW-ttP)Gg_fKkX_q;3cx5fsR-CAJYBs$^@tD7rB&Qj2lgTo;+~97##&1wF85 zxbhPJx#)}uHf>UiI?;7{5&wsKeJMDykWTqZ&BLFX5SVJ>%$aimo?NNbY{g9)NumF6 zzs#QbmrtgK_}IlV-_w2Mf*LS&a5~hBIKj}cICK(FeLTa< z>KCf@FBwv_W@Hox53hTA3G9IP#Yx*>+AzkH=kGyvqq_?^7*K?k+&~Z@zNi9J0SCp{ zgzUiy72T#%Lxks<`fP1nA=1G*=+OqVmCb~I`5xBE!=Hp2ezS%}r62zfQJI)w>r^14 z3BB&GoG*5yGFLJBrk#SJt8_?XhRra77)Gp8nV9K}5a0$m+b0~;&9ujWmRUQ+(-?}e z&pzTX;go=p7egwWsUZxF7_uD!56-Ca=(|KxqfFSa?55T8#;#5AAbAxr;X4+kbDm*$Cn z-s4bj&1Wc*jxB|_*CscREb-Fx5)eSA>6QG`hbP@}f8F~`gdMWM_I9Y9Mqo-j!T;Yx zJg(c_Z6ehpaO`?-5ERIFR~$+|(<4iN%imEE2*m8~tYUn<2M*YVyJXUgKJcqwiBWJ5 zw4baJf!qnZ;2y9D&pWHl3gLKUk?gm7DB}CPhvXT0vRou*LP!hC%$Ay&d zbZ2r|j3sWZpVAk;NAZzAd%d_@Kcp{z&t7~d?^Ei+7rD!?7l=>l{!-$?FJjOyApdRR z!Vj7IIf}oTw(yI*{if``PFwgpMfba!3xCL+pzGdAxX5OMbGKy74vmD|t;ab!dz4~Q z{f(CiL%6R+1FrbK)_BE=c^yb=l=N&P9g>o*6MR>3QM^ zu~_V2xr15BP>H9Aql&6gzL0fU;k?CJt<+fSp8SR3ytcB;b(%v+U=d45L4=GN%Ba9X zj8=^l6KUFyd-w+(e~Mf(xyoSVSU?pjB*zc_2fw>D3zHLnZc;c7bidg4#|RME1)6o+ z{yw(t<_X|`2ClTWzuEw1K1r{)wdfJhyA51iw>5bWxZD8-o^;8O9LY~pC=`JAGy0|+ z(02=j*4*A&`#607GSpS_1~@nbMvIia?(yzmXK(+WY4!I5C2VqtXXnOZ00006VoOIv z0RI600RNzq+Yur)2m%Tt2Am)lL;wH+mq|oHRCwC$-BGUEFcd}6gpp_FFn}n4AWrT* zUhB6~^-8_pvDKku45Rq6Aupm|h>tR7aARrJB2zaD>sC%GW5D*9m1iV4K zL+~#v0v5!ISPu&V0>OF+#9_c2#9PES3=0Al#EMuCfrvyLu2_Htu_D$(AR-ZmKtv)A zfrvyL0uhNg1R@e~2!BK$~Ig5JQkNCxt+yF=`PSPv^A z5OIja6$>ng^{^rW5eGq$xMD%ff>;kLVnM)ySPv`G;_O)vXulxV!-`lCuprihRx4sb zKp>EK#d5uJ%{;Oo;EDyVSgu#3U9&6*2n3R@Sgu#DSr!Cbu|Oao5b#L%K*vMff`C9k zARrJB2nYlO0s;YnfIt9&fIyR>6d03G5(F1u?**$su)fpqBNPAt002ovPDHLkV1mH@ Be*ypi delta 5203 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 LO=N|lMd<$lSh?X$ diff --git a/webinterface.py b/webinterface.py index 272f7578..62fd4391 100644 --- a/webinterface.py +++ b/webinterface.py @@ -384,7 +384,7 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \ loginButton='' followApprovalsSection='' - followApprovals='' + followApprovals=False linkToTimelineStart='' linkToTimelineEnd='' editProfileStr='' @@ -402,11 +402,13 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \ with open(followRequestsFilename,'r') as f: for line in f: if len(line)>0: - # show a star on the followers tab - followApprovals='' + followApprovals=True + followersButton='buttonhighlighted' + if selected=='followers': + followersButton='buttonselectedhighlighted' break if selected=='followers': - if len(followApprovals)>0: + if followApprovals: with open(followRequestsFilename,'r') as f: for followerHandle in f: if len(line)>0: @@ -440,7 +442,7 @@ def htmlProfile(baseDir: str,httpPrefix: str,authorized: bool, \ '
' \ ' ' \ ' ' \ - ' ' \ + ' ' \ ' ' \ ' ' \ ' '+ \