M4tx has uploaded a new change for review.
https://gerrit.wikimedia.org/r/178048
Change subject: Replace desktop watchstar icon with mobile skin one
......................................................................
Replace desktop watchstar icon with mobile skin one
Also, replaces the old animation with the same as in the mobile skin.
Bug: T56307
Change-Id: Ida98e080dd26b0354884eee2af3269c6228e3a75
---
M components/watchstar.less
D images/unwatch-icon-hl.png
D images/unwatch-icon-hl.svg
M images/unwatch-icon.png
M images/unwatch-icon.svg
D images/watch-icon-hl.png
D images/watch-icon-hl.svg
D images/watch-icon-loading.png
D images/watch-icon-loading.svg
M images/watch-icon.png
M images/watch-icon.svg
11 files changed, 54 insertions(+), 20 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/skins/Vector
refs/changes/48/178048/1
diff --git a/components/watchstar.less b/components/watchstar.less
index a389ed6..44dfbba 100644
--- a/components/watchstar.less
+++ b/components/watchstar.less
@@ -15,33 +15,26 @@
height: 0;
overflow: hidden;
background-position: 5px 60%;
+
+ -webkit-transform-origin: 50% 57%; // Chrome 4-36, Safari 3.2+, Opera
15-23
+ transform-origin: 50% 57%;
+ .transition(transform .5s);
+ /* Suppress the hilarious rotating focus outline on Firefox */
+ outline: none;
}
#ca-unwatch.icon a {
.background-image-svg('images/unwatch-icon.svg',
'images/unwatch-icon.png');
+ .transform-rotate(72deg);
}
#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;
cursor: default;
pointer-events: none;
- background-position: 50% 60%;
- -webkit-transform-origin: 50% 57%;
- transform-origin: 50% 57%;
}
+
#ca-unwatch.icon a span,
#ca-watch.icon a span {
display: none;
diff --git a/images/unwatch-icon-hl.png b/images/unwatch-icon-hl.png
deleted file mode 100644
index 6b2b502..0000000
--- a/images/unwatch-icon-hl.png
+++ /dev/null
Binary files differ
diff --git a/images/unwatch-icon-hl.svg b/images/unwatch-icon-hl.svg
deleted file mode 100644
index d52d547..0000000
--- a/images/unwatch-icon-hl.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="16"
height="16"><defs><linearGradient id="a"><stop offset="0"
stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1"
stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363"
x2="4.596" y2="3.397" id="b" xlink:href="#a"
gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408
4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431
4.864-.707z" fill="url(#b)" stroke="#c8b250"
stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
diff --git a/images/unwatch-icon.png b/images/unwatch-icon.png
index 9fd9436..ccade3e 100644
--- a/images/unwatch-icon.png
+++ b/images/unwatch-icon.png
Binary files differ
diff --git a/images/unwatch-icon.svg b/images/unwatch-icon.svg
index cde7bc5..0f4a348 100644
--- a/images/unwatch-icon.svg
+++ b/images/unwatch-icon.svg
@@ -1 +1,24 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg";
xmlns:xlink="http://www.w3.org/1999/xlink"; width="16"
height="16"><defs><linearGradient id="a"><stop offset="0"
stop-color="#c2edff"/><stop offset=".5" stop-color="#68bdff"/><stop offset="1"
stop-color="#fff"/></linearGradient><linearGradient x1="13.47" y1="14.363"
x2="4.596" y2="3.397" id="b" xlink:href="#a"
gradientUnits="userSpaceOnUse"/></defs><path d="M8.103 1.146l2.175 4.408
4.864.707-3.52 3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431
4.864-.707z" fill="url(#b)" stroke="#7cb5d1"
stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns="http://www.w3.org/2000/svg";
+ version="1.1"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16"
+ id="Layer_1"
+ xml:space="preserve"><metadata
+ id="metadata11"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage";
/><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs9" /><g
+ transform="matrix(0.50724409,0,0,0.50724409,-1.65435e-7,0.39133865)"
+ id="g3"><polygon
+ points="20.646,9.875 31.543,11.458 23.656,19.145 25.518,29.996
15.771,24.873 6.024,30 7.886,19.145 0,11.459 10.898,9.876 15.771,0 "
+ id="polygon5"
+ style="fill:#00af89" /></g></svg>
\ No newline at end of file
diff --git a/images/watch-icon-hl.png b/images/watch-icon-hl.png
deleted file mode 100644
index 4cb87cd..0000000
--- a/images/watch-icon-hl.png
+++ /dev/null
Binary files differ
diff --git a/images/watch-icon-hl.svg b/images/watch-icon-hl.svg
deleted file mode 100644
index 664c671..0000000
--- a/images/watch-icon-hl.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"
fill="#fff" stroke="#c8b250" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
diff --git a/images/watch-icon-loading.png b/images/watch-icon-loading.png
deleted file mode 100644
index 5f0c490..0000000
--- a/images/watch-icon-loading.png
+++ /dev/null
Binary files differ
diff --git a/images/watch-icon-loading.svg b/images/watch-icon-loading.svg
deleted file mode 100644
index 751eb14..0000000
--- a/images/watch-icon-loading.svg
+++ /dev/null
@@ -1 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"
fill="#fff" stroke="#d1d1d1" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
diff --git a/images/watch-icon.png b/images/watch-icon.png
index 39daff2..3fdac0e 100644
--- a/images/watch-icon.png
+++ b/images/watch-icon.png
Binary files differ
diff --git a/images/watch-icon.svg b/images/watch-icon.svg
index 907b05b..2015f1d 100644
--- a/images/watch-icon.svg
+++ b/images/watch-icon.svg
@@ -1 +1,22 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="16" height="16"><path d="M8.103 1.146l2.175 4.408 4.864.707-3.52
3.431.831 4.845-4.351-2.287-4.351 2.287.831-4.845-3.52-3.431 4.864-.707z"
fill="#fff" stroke="#7cb5d1" stroke-width="0.9999199999999999"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/";
+ xmlns:cc="http://creativecommons.org/ns#";
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+ xmlns:svg="http://www.w3.org/2000/svg";
+ xmlns="http://www.w3.org/2000/svg";
+ version="1.1"
+ width="16"
+ height="16"
+ viewBox="0 0 16 16"
+ id="Layer_1"
+ xml:space="preserve"><metadata
+ id="metadata9"><rdf:RDF><cc:Work
+ rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage";
/><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+ id="defs7" /><path
+ d="m 7.999493,3.57443 1.2092315,2.44992 0.3276693,0.66396
0.7329442,0.10601 2.703526,0.3931 -1.956379,1.90718 -0.530053,0.51636
0.124778,0.73091 0.461577,2.69287 L 8.6543243,11.76363 7.9989857,11.4177
7.3436471,11.76363 4.925184,13.03474 5.3867615,10.34035 5.5115396,9.61096
4.9819935,9.0946 3.0266295,7.18691 5.7291404,6.79483 6.4620849,6.6878
6.7897542,6.02536 7.999493,3.57443 m 0,-3.18285 L 5.5272636,5.40147 0,6.20492
3.9994929,10.10246 3.0550343,15.60842 7.9989857,13.00888 12.943444,15.60842
12.000508,10.10246 16,6.2039 10.471722,5.40096 7.999493,0.39158 l 0,0 z"
+ id="path3"
+ style="fill:#6d6e70" /></svg>
\ No newline at end of file
--
To view, visit https://gerrit.wikimedia.org/r/178048
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: Ida98e080dd26b0354884eee2af3269c6228e3a75
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/skins/Vector
Gerrit-Branch: master
Gerrit-Owner: M4tx <m...@m4tx.pl>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
