From aae2a0484a128d0ee99428e1532564632954680b Mon Sep 17 00:00:00 2001 From: "zorro.zhang" Date: Fri, 2 Sep 2022 15:05:15 +0800 Subject: [PATCH] ENH: Adjust Homepage UI 1, User Guide Image, Top add round corner 2, Change Guide description text color 3, New UI of Mouse Right Button Menu Change-Id: I82cf82a97e35f16478020fabada17b5637cff625 (cherry picked from commit a3a56392788a9eabc9bb0cc20ecb48050869476b) --- resources/web/homepage/css/home.css | 36 +++++++++++++++----------- resources/web/homepage/img/delete.png | Bin 4023 -> 620 bytes resources/web/homepage/img/folder.png | Bin 2721 -> 1641 bytes 3 files changed, 21 insertions(+), 15 deletions(-) diff --git a/resources/web/homepage/css/home.css b/resources/web/homepage/css/home.css index b5bdd30a3..ee6af87b8 100644 --- a/resources/web/homepage/css/home.css +++ b/resources/web/homepage/css/home.css @@ -291,16 +291,20 @@ body #RecentClearAllBtn { - border: 1px solid #C4C4C4; + border: 1px solid #000; padding: 0px 10px; border-radius: 6px; line-height: 26px; height: 26px; margin-left: 20px; cursor: pointer; - background-color: #00AE42; - color: #fff; - display: inline; + color: #000; + display: none; +} + +#RecentClearAllBtn:hover +{ + background-color:#CDCECE; } #RecentTitle @@ -341,7 +345,7 @@ body .FileImg { text-align: center; - background-color: #F5F5F5; + background-color: #E4E4E4; border-radius: 8px; width: 184px; height: 184px; @@ -368,26 +372,26 @@ body border: 0px; min-width: 100px; top: 800px; - border: 1px solid #C5C5C5; - border-radius: 6px; + border: 1px solid #C3C3C3; + color: #323A3D; background-color: #fff; - display: none; + display: none; } .CT_Item { - line-height:30px; - padding: 0px 10px; + padding: 2px 10px; display: flex; flex-direction: row; align-content: center; align-items: center; + border: 2px solid #fff; } .CT_Item:hover { - background-color: #E9E9E9; cursor: pointer; + border: 2px solid #00AE42; } @@ -490,23 +494,25 @@ body .UG_IMG img { width: 400px; - height: 250px; + height: 250px; + border-radius: 5px 5px 0px 0px; } .UG_TITLE { - font-size: 16px; + font-size: 18px; + font-weight: 700; line-height: 20px; width: 400px; margin-top: 20px; - margin-bottom: 10px; + margin-bottom: 4px; } .UG_DESC { width: 400px; line-height: 18px; - color: #C4C4C4; + color: #4E5454; font-size: 14px; } diff --git a/resources/web/homepage/img/delete.png b/resources/web/homepage/img/delete.png index 3f857a1a2889479cd60d427268048f55c992e564..8a5d100c39b9cc08e28d808e7ccad581381bc4dd 100644 GIT binary patch literal 620 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 diff --git a/resources/web/homepage/img/folder.png b/resources/web/homepage/img/folder.png index cc5b3453206742a6e04c0311a2ec01536c1f9dee..48cd0f42893423a4d0f78410314bb361c38b6bd1 100644 GIT binary patch literal 1641 zcmV-v2A27WP)SDpuY$;=0Bq;U{WVkoRDh`fs37qBAcg`Cn+oEqAW8-2+;6mVGb_tp z$tzjb7k=*aJ`af{TdSSfcV_2f0a~A~bCBby1)!LNghznji4@{P&8S`h6VC%BE=Xt($^ylV zW_Sz3KkuL>RHpzI9OV}<>1_or=(P*unwTNBvBRg|jO$QDc?B@lmH3jn;)pYlk}3TH zEXZKCu#9m4uh4~#^B$Dyr;f#J0CicVX_Qkyxat$wuy15rz5%JOtpaZ!my`Kfl*Gu+~%4VKEkFFeBdA|oLkzK>JwXTl5CNX z7Xj_VrtnPrw-BDe=7xA<+;Qn|TeRtt(ysK*Wgwpd9uAKwW*@Dt+2J)|^I7;bJ<~D9 zu29l5FY_rNMmLV+)H&<}B%XxxiGV%?rhXC}ZJI1lPRLf?t^;`+|1pk} ziAt*cBH*nyEuuhT$rQZ*|sWny^&Nh;%Yy~77hE7EG5egq;*U5-643@^W zM>~)SrhgPF;CydvKZy>^Nk|LWDUzf7Y!8AM*$fbRZ(V*CjhCx(K__MM`^J6VA_exc zglD8PfOB*-GB8w+uuq68Pe?Xz!#_BHlkJIFx&pXB;TYEfe!@Or;&n;zD_R^cGmt;f zQQ=kvq?>?nl3}F}ZwcO!?t8aH_ivjOqbLA^kfjRm^7^ZE2AJ8@TS8}dl!qXN;v35q zRh}r=`K;+agB{UN1|Ec8{WZ1wV_D!}oWP16d4+Q%gyX395|+c&i0T zLIb6?q+pxiSt}l&U*CA%g`7xN08{8|Z?Ue%Vi&4{NpmX-l+}^uCyb~yC$a(|qLl97 zgbEPii2gl;qR6w_rdQw9xk>TCxcZUvsT2j+>VN#1gOFW1xLRmuq`N(s(JN&8R(QEB zY|VI2mz3%n15WZj+OZ5~6Fvmn*)~70AvD68nkFzzV>y#6DtLr|sy?Q_P82<|usO4@ zhn!fr>lrpr4NVap48>75ps9V0?t+jQzmYjC>yq@CKZ>dukg^443lNVe;; z5m$heUhG;~?y(aCc?R|b+=L%eT+K>TJPmsF&B_m^HbBx4R{&D*BMf5_z*NdjC!-bK z$mx!yuUbQJm3TK;d_a%wDc_zS*5&`wj*P1^bu>oPknB-%z%+QSKmm*gj~XHJhy>&P znhGQ2{3OK$y7*wWsnxNq&{#V*8nj&Q#$FND?baM+C+Q?;*R&F>t$FoZ(GzC*dxH#i zW|-^>QSF^4)dVJoSC(@3d70yNyD=bwy-)v0+uV6A&M)nNL)S54@0LDG#@RACYAl$?^zCP9_f|o*!$Pzqsc!R1=m6lTgBMe2yG}OrYJs)-i zd?E9o|5LWg=v0S;@0TY_J^NV8GFXM%ZFvPm;H}estjz}B`0Q@|b=hn&1Jx-Y0xN>q zP{~o*`UHXIiX1`=uarp`B8F6iqH$;@ z(nQoprZP@xzNVZ)>^}1$Z6Sx*?|1Eg``7-l|Lq@Zt!rJ^eLeSD>$&geS&YMO_VTit zvIqo1-qGRUQF!J5Juql^uJNqBgFwiJI36TZF8Tgd;(R0DZc}oP`|f*<`zYzg#{El4 za&qc>Su!p}ZXa;GXbEc1B$!9k&6x8pmcGs^>N-1MamehZ3xqS{y=Ta2qyAaFL{bT< zf1XoW9Hw^8KCtp}HLquFnvzJ5w3V*zrgz7#XG|TARC1egDRCsOk#Lf^%Vp}=?{79qL&PY4i+Ahkpim9`|?^ap0ji(uh5MQuL)8r*}Gab5IJY8PuCEBb8wCkYK25l8jO9F!UB z-uih^G`?WhQ^ro#6U2y)P#qVjDtJtAcD-H&Vau~nMce$9ho0mZ9@IGDOPO949QY7l zxvn|-H|psrbg2Z;}p_>wBzrn zIA03~>qnRJE?lAb+72XQAWG5`isu1{@-fOu0lvT&wuYAuoZ0$sd0K7=@+&V>jtvrx zvW&gSAKjF5F&z8d+T>9vV?@b66IpP@romi{q%ZICZlzZNo zEYJ?WT5R3@I5$d%Uw6)+&FWU zxdLy=$0Db;WH4AUV{k^;I>|9=c+>TxzrwTmajCcG{s?9Tu#5p6Hqv664<(jT@FjRsvo;O8I$5ja$}hu7MxaP6up8 zr7UB_Jm-lyykw=WGmFusb@x0qJG{STBZ1nqAu*r7`CW-tB2gK+j4fm-v2Lp_N1O;0 z_r8f+fX~?e$(#$-lfhV|FLP~Ws@v!-wB%fsam_MdBIz)5$-~|)WT8SNTIL)uK95TV<9?>GcflosMTCg| z`#rM(3_c-F!tZ+mGP48h%0cxt{1SqjNkh?C6`=FrqQ}*(QLW`agl$H3prv=!@9s9pe+X`s1TDsQBxyGs zXO@73^U9lJ3VstlwVh>LK0?wKuGIIgDg~ATQ><*z$uB|6!iu~q|Er;Hp%8jC)6{-6 z`I8M_41C|nK1I`Bb_uLY=)EvF#O8_&m=)mGZ*2>@sf*p~p+P^~>l9iE^9>37WGyN$ z=GQ*1TKUFi%IOjW z?j*%Tlt{)uv9Iab?@)!k(nJ)%J6|&lhDlrX<<|=7&;?O7g#xyFUL3xn|n3iH*J#D0+y!jR6uINFPCa$ngL6*<4LX!5d)^9kNI!1MUbzD z>ZgUkZBV|teLGx?Ro^?w_JPTuCWYa(Q3^1u%vUWVBgn*u%3KY&d$|w{52nH;`>;OE z6fOpZ)T8NWDWLD3Q{VJ?+?$eg zVsXeh+lemW6k6U$BT)eZy!DyJ%W4~-}T%ODFx{C8l^B8`vt$7qZSOq* zR)ao#`M%q~N9&@cfn4NR?brem=PrgHDmy`_U!~UEJ4> zS7y<5Jl?yTKb6eYQ4Y%~2KXbyj=H|j2Ub{(U+@De ztgw8yoL~a15;d`S0ERv8H=IA4hJc9tA4OIFHF*;Hp-us6LiBtX{(2%D?c5I5+W0~L E0u>;!g8%>k