From 6cbbb23cdebcb2f3b4743b01dbb9a2a8628a2ab8 Mon Sep 17 00:00:00 2001 From: Legoktm Date: Tue, 16 Dec 2014 18:17:59 +0000 Subject: [PATCH] Revert "Replace desktop watchstar icon with mobile skin one" Based on the discussion on T56307, this change is controversial and not necessarily wanted. In summary: * Green star looks out of place with blue Vector (Edokter, Esanders, Trevor) * Clashes with WikiLove heart icon (Edokter) * Flat design doesn't fit with Vector's gradient style (Rillke) * Green means constructive in MediaWiki UI, however clicking the green star removes a page from your watchlist (Krinkle) This reverts commit 56825d209e5c87a23e30a7aa3cb57b5a731ec2be. Change-Id: I46f75a0eb83f9643fc0b51befe02aad4a84efc4e --- components/watchstar.less | 9 +++++++++ images/unwatch-icon-hl.png | Bin 0 -> 716 bytes images/unwatch-icon-hl.svg | 1 + images/unwatch-icon.png | Bin 440 -> 658 bytes images/unwatch-icon.svg | 25 +------------------------ images/watch-icon-hl.png | Bin 0 -> 640 bytes images/watch-icon-hl.svg | 1 + images/watch-icon-loading.png | Bin 0 -> 485 bytes images/watch-icon-loading.svg | 1 + images/watch-icon.png | Bin 593 -> 642 bytes images/watch-icon.svg | 23 +---------------------- 11 files changed, 14 insertions(+), 46 deletions(-) create mode 100644 images/unwatch-icon-hl.png create mode 100644 images/unwatch-icon-hl.svg create mode 100644 images/watch-icon-hl.png create mode 100644 images/watch-icon-hl.svg create mode 100644 images/watch-icon-loading.png create mode 100644 images/watch-icon-loading.svg diff --git a/components/watchstar.less b/components/watchstar.less index 1116e5c..a389ed6 100644 --- a/components/watchstar.less +++ b/components/watchstar.less @@ -22,8 +22,17 @@ #ca-watch.icon a { .background-image-svg('images/watch-icon.svg', 'images/watch-icon.png'); } +#ca-unwatch.icon a:hover, +#ca-unwatch.icon a:focus { + .background-image-svg('images/unwatch-icon-hl.svg', 'images/unwatch-icon-hl.png'); +} +#ca-watch.icon a:hover, +#ca-watch.icon a:focus { + .background-image-svg('images/watch-icon-hl.svg', 'images/watch-icon-hl.png'); +} #ca-unwatch.icon a.loading, #ca-watch.icon a.loading { + .background-image-svg('images/watch-icon-loading.svg', 'images/watch-icon-loading.png'); .rotation(700ms); /* Suppress the hilarious rotating focus outline on Firefox */ outline: none; diff --git a/images/unwatch-icon-hl.png b/images/unwatch-icon-hl.png new file mode 100644 index 0000000000000000000000000000000000000000..6b2b50279be7a115490664527820cc6047e94ae4 GIT binary patch literal 716 zcmV;-0yF)IP)5r00004b3#c}2nYxW zd;l+a1A{a0&sai{GAP{3}Q-ZijLemJYL>Df_ zjsL>|#2+B;+JzkwE7FC*AT|ooo$JkTdb7N%rYn&!~TS(`;+MKb2v0zs0$p!p#Yjk z0-Cjl3F|#Z#fIR_xFtnWD@Bvccy0G%vv&9c2R#>RUHpe?7ZA`eEbSv8J~RL`9!aef z*l_fb|=xlAE8jq3(RS zuqgc$9CZP-48WrR9)*ys-Z7bNgs;u7?hO2bW%0JbhuYOHN39EVO+Z(F!>cm%_?Z@Q zZaBYDrl~p)P^}9PS(vup*;lM}+ozb&H9)vV8El$5M(Iz8DWUH)rjJ_%nm&5fk;y0l zz<6shS{u3Rw)HU|Yj1@BEDaRs!5f=2R>`*1&z#ziucw#G0I-?QMn?8uKbI^KCB+?e yyud|`Z%ncik! literal 0 HcmV?d00001 diff --git a/images/unwatch-icon-hl.svg b/images/unwatch-icon-hl.svg new file mode 100644 index 0000000..d52d547 --- /dev/null +++ b/images/unwatch-icon-hl.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/unwatch-icon.png b/images/unwatch-icon.png index ccade3e59e44109191ac5a6bf71a4ee7e68ebadf..9fd9436ad9b24fa48f97addcb3d91b391534eab3 100644 GIT binary patch delta 610 zcmV-o0-gQ11Cj+HiBL{Q4GJ0x0000DNk~Le0000G0000F2nGNE0PS;6FOeY{3k{(F z01cr5<~FO;kwzzf0uM<g)O(YfWpF(oP&l#i{`$m3+pM2tYZGBjSMNt@<5*ThTRJ$*U`y-u$Tz97{Z% z87a88t`uCU)bmprtZdirN+E8X&E}Cw=OLvWeY{=2H;7A1ulDXsDa%QVCfVS6&zK=0 zh^Iz|olH6hKLi@>4!(YG92sMXNqhnDiNGFf{ZR>`rXYTF^FrPpA36sT2^>ZOeh4%J zzz=~?WTDP~6dgY_(9!XzV_KuK*Ip1r3&hM=-teXpmV7%qb~%%Cv+zRbCk zzVV8zMXhjYT=*fu4}rrT;8;M)0?@8UhN%2xalAHvFa^on6+(5J0ihWHK?Jyoe=B9; zP-ygGW9+e*Ffz%_0MN|Ha?3cTWn7El+JJ4_M5HJBHUCwaK&60FZjyg;BG^A7@COax zSNGereZG*&q@B#~Zl?s`JCXho-yo@k-L7w{R>Jr=A#OJG+fxtZL#=YIFx86=UmXot-#jYCRU zC#(QLoF_&qgii|+dD3H&#vfcCts&k07OWz-aX+0CshPTeA9Z4#gGD}OmvAVesEFAz zurWq|iS&#)10n|G-e0x8|7NtqW1v3KQFffnaNh0m@~{A`PJP`t#q;ZqKyv*ZL^u^d zgmV2IfqojRn!g7G|3n0_erRZP#CCP~2$WI)PxAbgzlFqzt<`dXLWYY%tQ!xZG+zMn z8IXLen*hm8+2}WV7~4QEO_ziy`abLO6=#S`z%ml=kBhnVN-3vjY ka})U+ - - -image/svg+xml \ No newline at end of file + \ No newline at end of file diff --git a/images/watch-icon-hl.png b/images/watch-icon-hl.png new file mode 100644 index 0000000000000000000000000000000000000000..4cb87cda65a7c5e05dac5fa83fc2b07fedda6432 GIT binary patch literal 640 zcmV-`0)PF9P)5r00004b3#c}2nYxW zd^plm$UULQdlFQNxvO0Gqv77m2=^u-)Zj_Im>uc*kY32-z{C(2fk6;z23IT zPQ^#3%OD~U5scYvtWuiT+N>`~a*56Qf;37KTY4ck_?P=9AR-v~8|U==xFewiR-jM?n4ZQ1ua ad%pplu@0XndNE1>0000 \ No newline at end of file diff --git a/images/watch-icon-loading.png b/images/watch-icon-loading.png new file mode 100644 index 0000000000000000000000000000000000000000..5f0c490fbd47bfed1bfd8f73e2d00a37f8eaf43b GIT binary patch literal 485 zcmV|{IVbAlt_csC-A3&d7+{xnlba#Id@T2Rb%mPFQ}>t&bgAAr%@Em{v?wmiL)$o&N-F_ zIp^3~>*n)$w6{Z=rVp&OHS>Okwe~v8vWJboAR?EZ=Ux83oqy%~{tp1xjR2+8al74? z9SlWLa8VR2A^?C^t3`EPA2*&d5yhQOr?=T`B+v6J5%~fD%jI$shGD1M?cOTOG6wK* zFFpM9_4xdfte>->q+ATbzLt+00000NkvXXu0mjf8ol8K literal 0 HcmV?d00001 diff --git a/images/watch-icon-loading.svg b/images/watch-icon-loading.svg new file mode 100644 index 0000000..751eb14 --- /dev/null +++ b/images/watch-icon-loading.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/watch-icon.png b/images/watch-icon.png index 3fdac0e10964b78fc8697003414a3971dad24e80..39daff23e7cd1cf4ebf8c65b549904ed41241633 100644 GIT binary patch delta 593 zcmV-X0^l22uQV4>rlx7m4ML}p{jZ)IoXwo*5_pS>qB$!$BE$=<& z$GMNghzM?P;dN<}q-6Kf)|#6}b9DnSH1UW8V*tk7G~8`}F}GYwdNnp;c*N!Gl09{1 zfZxL(rbf)bt%w=Wb?xz)0NIt|O?@6a}YjFT$*1gP50BX*;j>(5Ms>muu)Qo zI7$r(&L|Tf_D91Z0KoQ-242{eR!1r3;e3yA>>N8}ODQ+m{GvS}1bbr*o%3G5cme1A zI&{(hGDj+Z9JJc_P_ALKa&RIgrFd>8o_9JbS^ReRtKMq6ngPHgIO<1jY<)d!I31PD z&BXKUvTjZO(90N;v2IUKl?7*(8S(`Rdv#jfuC_Xg)&bz{r|*eW#PpdVfAI5u!vgTMFTf|n zjdx%6NfZ42(Mjj-{q*Pt0L(4g*H(9`Pn?cQ=pK=9P0(~?g(;fK-j3$G=l?+C3rod` fjO)4lrxpP|z*cEQf600000NkvXXu0mjfdaoCp delta 543 zcmV+)0^t3E15lCf(PQ5eL3vv(naO}Hy;14$%BAgzso6p~t-fGGqK z0+QQ(#wL|_YZuVX?uA4MmLl4i|3mDIAf9!=;!GMV$&Q7aOM;h^eDHV-GjEvTd)Q{w zS&Kvaf0~F96GB)JbV3LVqjV!pO4B)iU)dy%*KdOsfsden#lQHfNkkhstVJvVhZPt7MC1$`gM4H9iGYZ>9R&58T%cDuYRdYYzDzkmD| zv5eH+F1A8{WZT_5OOQ4Z%l)I{T}c|+T~hz(c(*dx?B-cw+k+C_JlimIFsrR3>SGc|w!ksit>i{-ifT>D% zR@3$XBuO%3qHo9#WZC8!VjAdSQb)cf>$NCv7Ddr!JAGHbn6@?t25ZaEAmS4xkBN8) zypi?uOviAO63!~Xp9L)d#002ovPDHLkV1g}v@^SzG diff --git a/images/watch-icon.svg b/images/watch-icon.svg index 2015f1d..907b05b 100644 --- a/images/watch-icon.svg +++ b/images/watch-icon.svg @@ -1,22 +1 @@ - - - -image/svg+xml \ No newline at end of file + \ No newline at end of file