Show half-star when the page is temporarily watched

Bug: T248495
Depends-On: I61b24fddf6aaf5233f426602bfa1cc4fafce942b
Change-Id: I712af9a0646d22c3b7873bbf77dba363c5770181
This commit is contained in:
MusikAnimal 2020-05-04 15:13:38 -04:00 committed by Jdlrobson
parent 4679efc000
commit ca71f762fa
3 changed files with 45 additions and 0 deletions

View file

@ -36,6 +36,10 @@
background-image: linear-gradient( transparent, transparent ), url( images/unwatch-icon.svg );
}
#ca-unwatch.mw-watchlink-temp.icon a:before {
background-image: linear-gradient( transparent, transparent ), url( images/unwatch-temp-icon.svg );
}
#ca-watch.icon a:before {
background-image: linear-gradient( transparent, transparent ), url( images/watch-icon.svg );
}
@ -45,6 +49,11 @@
background-image: linear-gradient( transparent, transparent ), url( images/unwatch-icon-hl.svg );
}
#ca-unwatch.mw-watchlink-temp.icon a:hover:before,
#ca-unwatch.mw-watchlink-temp.icon a:focus:before {
background-image: linear-gradient( transparent, transparent ), url( images/unwatch-temp-icon-hl.svg );
}
#ca-watch.icon a:hover:before,
#ca-watch.icon a:focus:before {
background-image: linear-gradient( transparent, transparent ), url( images/watch-icon-hl.svg );

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>tempwatch-icon-hl</title>
<defs>
<linearGradient x1="60.558218%" y1="98.7006198%" x2="43.1041147%" y2="16.8097976%" id="linearGradient-1">
<stop stop-color="#C2EDFF" offset="0%"></stop>
<stop stop-color="#68BDFF" offset="50%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="tempwatch-icon-hl" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="tempwatch-icon-hl-copy" transform="translate(1.000000, 1.000000)" fill-rule="nonzero">
<polygon id="Path" fill="#FFFFFF" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon id="Path" fill="url(#linearGradient-1)" points="6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon id="Path" stroke="#C8B250" stroke-width="0.99992" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View file

@ -0,0 +1,18 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>tempwatch-icon</title>
<defs>
<linearGradient x1="60.558218%" y1="98.7006198%" x2="43.1041147%" y2="16.8097976%" id="linearGradient-1">
<stop stop-color="#C2EDFF" offset="0%"></stop>
<stop stop-color="#68BDFF" offset="50%"></stop>
<stop stop-color="#FFFFFF" offset="100%"></stop>
</linearGradient>
</defs>
<g id="tempwatch-icon" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(1.000000, 1.000000)" fill-rule="nonzero" id="Path">
<polygon fill="#FFFFFF" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon fill="url(#linearGradient-1)" points="6.999 0.355 6.999 11.303 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
<polygon stroke="#7CB5D1" stroke-width="0.99992" points="7.103 0.146 9.278 4.554 14.142 5.261 10.622 8.692 11.453 13.537 7.102 11.25 2.751 13.537 3.582 8.692 0.062 5.261 4.926 4.554"></polygon>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB