jenkins-bot has submitted this change and it was merged.
Change subject: Add icons to compact personal bar
......................................................................
Add icons to compact personal bar
Change-Id: If80356a55560e7fa70453b61bd6572d2abf4755e
---
M resources/compactPersonalBar/compactPersonalBar.js
M resources/compactPersonalBar/compactPersonalBar.less
A resources/compactPersonalBar/images/beta.png
A resources/compactPersonalBar/images/beta.svg
A resources/compactPersonalBar/images/betaHover.png
A resources/compactPersonalBar/images/betaHover.svg
A resources/compactPersonalBar/images/contributions.png
A resources/compactPersonalBar/images/contributions.svg
A resources/compactPersonalBar/images/contributionsHover.png
A resources/compactPersonalBar/images/contributionsHover.svg
A resources/compactPersonalBar/images/notifications.png
A resources/compactPersonalBar/images/notifications.svg
A resources/compactPersonalBar/images/notificationsHover.png
A resources/compactPersonalBar/images/notificationsHover.svg
A resources/compactPersonalBar/images/preferences.png
A resources/compactPersonalBar/images/preferences.svg
A resources/compactPersonalBar/images/preferencesHover.png
A resources/compactPersonalBar/images/preferencesHover.svg
A resources/compactPersonalBar/images/talk.png
A resources/compactPersonalBar/images/talk.svg
A resources/compactPersonalBar/images/talkHover.png
A resources/compactPersonalBar/images/talkHover.svg
A resources/compactPersonalBar/images/user.png
A resources/compactPersonalBar/images/user.svg
A resources/compactPersonalBar/images/watchlist.png
A resources/compactPersonalBar/images/watchlist.svg
A resources/compactPersonalBar/images/watchlistHover.png
A resources/compactPersonalBar/images/watchlistHover.svg
28 files changed, 54 insertions(+), 2 deletions(-)
Approvals:
Jdlrobson: Looks good to me, approved
jenkins-bot: Verified
diff --git a/resources/compactPersonalBar/compactPersonalBar.js
b/resources/compactPersonalBar/compactPersonalBar.js
index c17bac0..224b7fe 100644
--- a/resources/compactPersonalBar/compactPersonalBar.js
+++ b/resources/compactPersonalBar/compactPersonalBar.js
@@ -110,6 +110,7 @@
// notifications item can't be simply cloned, markup
has to be changed
// and label added
addItem( 'interactions', 'notifications', createItem( {
+ id: 'pt-notifications-flyout',
text: mw.msg( 'notifications' ),
count: $( '#pt-notifications' ).text(),
href: $( '#pt-notifications' ).find( 'a'
).attr( 'href' )
diff --git a/resources/compactPersonalBar/compactPersonalBar.less
b/resources/compactPersonalBar/compactPersonalBar.less
index 0ca147a..d39404d 100644
--- a/resources/compactPersonalBar/compactPersonalBar.less
+++ b/resources/compactPersonalBar/compactPersonalBar.less
@@ -3,6 +3,14 @@
@fadeDuration: .2s;
@fadeDelay: .1s;
+.background-icon(@name) {
+ .background-image-svg("images/@{name}.svg", 'images/@{name}.png');
+
+ &:hover {
+ .background-image-svg('images/@{name}Hover.svg',
'images/@{name}Hover.png');
+ }
+}
+
#p-personal {
ul {
// FIXME: overrides for Vector styles
@@ -36,10 +44,12 @@
a {
display: block;
- padding: .4em (.6em + 1.2em) .4em .6em;
+ padding: .4em 2.1em;
border-radius: 2px;
color: #000;
text-decoration: none;
+ background-size: 24px 24px;
+ background-repeat: no-repeat;
}
}
@@ -74,7 +84,7 @@
}
&:hover {
- background: #4c85fb;
+ background-color: #4c85fb;
color: #fff;
span {
@@ -98,3 +108,31 @@
}
}
}
+
+#pt-userpage a {
+ .background-image-svg("images/user.svg", "images/user.png");
+}
+
+#pt-mycontris a {
+ .background-icon("contributions");
+}
+
+#pt-notifications-flyout a {
+ .background-icon("notifications");
+}
+
+#pt-mytalk a {
+ .background-icon("talk");
+}
+
+#pt-watchlist a {
+ .background-icon("watchlist");
+}
+
+#pt-preferences a {
+ .background-icon("preferences");
+}
+
+#pt-betafeatures a {
+ .background-icon("beta");
+}
diff --git a/resources/compactPersonalBar/images/beta.png
b/resources/compactPersonalBar/images/beta.png
new file mode 100644
index 0000000..17d72eb
--- /dev/null
+++ b/resources/compactPersonalBar/images/beta.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/beta.svg
b/resources/compactPersonalBar/images/beta.svg
new file mode 100644
index 0000000..b57a5b4
--- /dev/null
+++ b/resources/compactPersonalBar/images/beta.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M48
18.17c-16.475 0-29.83 13.355-29.83 29.83 0 16.475 13.355 29.83 29.83
29.83s29.83-13.355 29.83-29.83c0-16.475-13.355-29.83-29.83-29.83zm14.504
44.334l-10.579-5.029-3.925 11.037-3.925-11.037-10.579 5.029
5.029-10.579-11.037-3.925 11.037-3.925-5.029-10.579 10.579 5.029 3.925-11.037
3.925 11.037 10.579-5.029-5.029 10.579 11.037 3.925-11.037 3.925 5.029
10.579z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/betaHover.png
b/resources/compactPersonalBar/images/betaHover.png
new file mode 100644
index 0000000..9449846
--- /dev/null
+++ b/resources/compactPersonalBar/images/betaHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/betaHover.svg
b/resources/compactPersonalBar/images/betaHover.svg
new file mode 100644
index 0000000..ded40ea
--- /dev/null
+++ b/resources/compactPersonalBar/images/betaHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M48
18.17c-16.475 0-29.83 13.355-29.83 29.83s13.355 29.83 29.83 29.83 29.83-13.355
29.83-29.83-13.355-29.83-29.83-29.83zm14.504 44.334l-10.579-5.029-3.925
11.037-3.925-11.037-10.579 5.029 5.029-10.579-11.037-3.925
11.037-3.925-5.029-10.579 10.579 5.029 3.925-11.037 3.925 11.037
10.579-5.029-5.029 10.579 11.037 3.925-11.037 3.925 5.029 10.579z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/contributions.png
b/resources/compactPersonalBar/images/contributions.png
new file mode 100644
index 0000000..16cf619
--- /dev/null
+++ b/resources/compactPersonalBar/images/contributions.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/contributions.svg
b/resources/compactPersonalBar/images/contributions.svg
new file mode 100644
index 0000000..bf88d88
--- /dev/null
+++ b/resources/compactPersonalBar/images/contributions.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M21.975
52.54v20.957h13.21v-20.913M42.523 24.903v48.594h13.211v-48.55M63.072
40.918v32.578h13.211v-32.592"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/contributionsHover.png
b/resources/compactPersonalBar/images/contributionsHover.png
new file mode 100644
index 0000000..79e7a82
--- /dev/null
+++ b/resources/compactPersonalBar/images/contributionsHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/contributionsHover.svg
b/resources/compactPersonalBar/images/contributionsHover.svg
new file mode 100644
index 0000000..a039af9
--- /dev/null
+++ b/resources/compactPersonalBar/images/contributionsHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M21.975
52.54v20.957h13.21v-20.913M42.523 24.903v48.594h13.211v-48.55M63.072
40.918v32.578h13.211v-32.592"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/notifications.png
b/resources/compactPersonalBar/images/notifications.png
new file mode 100644
index 0000000..4fb6ebf
--- /dev/null
+++ b/resources/compactPersonalBar/images/notifications.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/notifications.svg
b/resources/compactPersonalBar/images/notifications.svg
new file mode 100644
index 0000000..6f63279
--- /dev/null
+++ b/resources/compactPersonalBar/images/notifications.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M22.41
21.099v43.612l-10.162 11.388h57.803c6.145 0 6.435-6.111
6.445-6.416v-48.584h-54.086z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/notificationsHover.png
b/resources/compactPersonalBar/images/notificationsHover.png
new file mode 100644
index 0000000..62b749c
--- /dev/null
+++ b/resources/compactPersonalBar/images/notificationsHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/notificationsHover.svg
b/resources/compactPersonalBar/images/notificationsHover.svg
new file mode 100644
index 0000000..fe4fb7a
--- /dev/null
+++ b/resources/compactPersonalBar/images/notificationsHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M22.41
21.099v43.612l-10.162 11.388h57.803c6.145 0 6.435-6.111
6.445-6.416v-48.584h-54.086z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/preferences.png
b/resources/compactPersonalBar/images/preferences.png
new file mode 100644
index 0000000..fa3ef45
--- /dev/null
+++ b/resources/compactPersonalBar/images/preferences.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/preferences.svg
b/resources/compactPersonalBar/images/preferences.svg
new file mode 100644
index 0000000..65395ed
--- /dev/null
+++ b/resources/compactPersonalBar/images/preferences.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M66.243
64.033l5.744 2.353
6.013-14.676-5.751-2.356c.054-.97.046-1.935-.015-2.895l5.712-2.392-6.078-14.65-5.754
2.41c-.644-.723-1.331-1.41-2.066-2.057l2.339-5.709-14.657-6.061-2.356
5.751c-.977-.055-1.949-.048-2.915.015l-2.392-5.711-14.65 6.078 2.41
5.754c-.723.644-1.41 1.331-2.057 2.066l-5.709-2.338-6.061 14.655 5.751
2.356c-.056.984-.048 1.962.016 2.935l-5.713 2.393 6.127 14.629
5.719-2.395c.645.722 1.332 1.41 2.067 2.056l-2.353 5.744 14.676 6.012
2.356-5.751c.977.055 1.949.046 2.915-.017l2.392 5.713
14.629-6.127-2.394-5.718c.722-.645 1.409-1.332
2.055-2.067zm-6.204-11.101c-2.724 6.649-10.322 9.831-16.971
7.107-6.649-2.724-9.831-10.322-7.107-16.971 2.724-6.649 10.322-9.831
16.971-7.107 6.649 2.724 9.831 10.322 7.107 16.971z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/preferencesHover.png
b/resources/compactPersonalBar/images/preferencesHover.png
new file mode 100644
index 0000000..f8675b5
--- /dev/null
+++ b/resources/compactPersonalBar/images/preferencesHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/preferencesHover.svg
b/resources/compactPersonalBar/images/preferencesHover.svg
new file mode 100644
index 0000000..b46e847
--- /dev/null
+++ b/resources/compactPersonalBar/images/preferencesHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M66.243
64.033l5.744 2.353
6.013-14.676-5.751-2.356c.054-.97.046-1.935-.015-2.895l5.712-2.392-6.078-14.65-5.754
2.41c-.644-.723-1.331-1.41-2.066-2.057l2.339-5.709-14.657-6.061-2.356
5.751c-.977-.055-1.949-.048-2.915.015l-2.392-5.711-14.65 6.078 2.41
5.754c-.723.644-1.41 1.331-2.057 2.066l-5.709-2.338-6.061 14.655 5.751
2.356c-.056.984-.048 1.962.016 2.935l-5.713 2.393 6.127 14.629
5.719-2.395c.645.722 1.332 1.41 2.067 2.056l-2.353 5.744 14.676 6.012
2.356-5.751c.977.055 1.949.046 2.915-.017l2.392 5.713
14.629-6.127-2.394-5.718c.722-.645 1.409-1.332
2.055-2.067zm-6.204-11.101c-2.724 6.649-10.322 9.831-16.971
7.107-6.649-2.724-9.831-10.322-7.107-16.971 2.724-6.649 10.322-9.831
16.971-7.107s9.831 10.322 7.107 16.971z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/talk.png
b/resources/compactPersonalBar/images/talk.png
new file mode 100644
index 0000000..a7d64e5
--- /dev/null
+++ b/resources/compactPersonalBar/images/talk.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/talk.svg
b/resources/compactPersonalBar/images/talk.svg
new file mode 100644
index 0000000..b8821d4
--- /dev/null
+++ b/resources/compactPersonalBar/images/talk.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M34.05
37.083v-3.888h25.558v-12.633h-38.163v30.191l-7.744 8.676h20.349v-22.346zM75.099
37.083v30.191l7.744 8.677h-39.996c-4.682
0-4.903-4.655-4.911-4.889v-33.979h37.163"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/talkHover.png
b/resources/compactPersonalBar/images/talkHover.png
new file mode 100644
index 0000000..dd2a15a
--- /dev/null
+++ b/resources/compactPersonalBar/images/talkHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/talkHover.svg
b/resources/compactPersonalBar/images/talkHover.svg
new file mode 100644
index 0000000..8f19142
--- /dev/null
+++ b/resources/compactPersonalBar/images/talkHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M34.05
37.083v-3.888h25.558v-12.633h-38.163v30.191l-7.744 8.676h20.349v-22.346zM75.099
37.083v30.191l7.744 8.677h-39.996c-4.682
0-4.903-4.655-4.911-4.889v-33.979h37.163"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/user.png
b/resources/compactPersonalBar/images/user.png
new file mode 100644
index 0000000..53bdf20
--- /dev/null
+++ b/resources/compactPersonalBar/images/user.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/user.svg
b/resources/compactPersonalBar/images/user.svg
new file mode 100644
index 0000000..b9f4195
--- /dev/null
+++ b/resources/compactPersonalBar/images/user.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><g fill="#A1A1A0"><path d="M47.774
48.22c7.01 0 12.692-7.915 12.692-17.679
0-.778-.049-1.538-.118-2.288l.005-.092c0-1.831-.401-3.567-1.102-5.135-1.967-4.382-6.363-7.443-11.478-7.443-5.117
0-9.512 3.061-11.478 7.445-.704 1.568-1.102 3.304-1.102
5.135l.004.093c-.069.749-.116 1.509-.116 2.286.001 9.764 5.683 17.678 12.693
17.678zM69.07 45.29h-7.32c-2.839 5.347-9.186 8.37-13.976 8.37-4.729
0-11.528-3.324-13.976-8.37h-13.298v31.127h55v-24.726c-.009-.305-.297-6.401-6.43-6.401z"/></g></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/watchlist.png
b/resources/compactPersonalBar/images/watchlist.png
new file mode 100644
index 0000000..75d3ae8
--- /dev/null
+++ b/resources/compactPersonalBar/images/watchlist.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/watchlist.svg
b/resources/compactPersonalBar/images/watchlist.svg
new file mode 100644
index 0000000..73f68f4
--- /dev/null
+++ b/resources/compactPersonalBar/images/watchlist.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#A1A1A0" d="M47.557
18.041c.243-.493.642-.493.885 0l8.231 16.678c.243.493.888.961 1.432
1.041l18.405 2.674c.544.079.667.458.274.842l-13.318 12.981c-.394.384-.64
1.142-.547 1.684l3.144
18.33c.093.542-.229.776-.716.52l-16.462-8.654c-.487-.256-1.283-.256-1.77
0l-16.462
8.654c-.487.256-.809.022-.716-.52l3.144-18.33c.093-.542-.153-1.3-.547-1.684l-13.318-12.982c-.394-.384-.271-.763.274-.842l18.405-2.674c.544-.079
1.189-.547 1.432-1.041l8.23-16.677z"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/watchlistHover.png
b/resources/compactPersonalBar/images/watchlistHover.png
new file mode 100644
index 0000000..e8850ab
--- /dev/null
+++ b/resources/compactPersonalBar/images/watchlistHover.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/watchlistHover.svg
b/resources/compactPersonalBar/images/watchlistHover.svg
new file mode 100644
index 0000000..cc917c6
--- /dev/null
+++ b/resources/compactPersonalBar/images/watchlistHover.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg";
width="96" height="96" viewBox="0 0 96 96"><path fill="#fff" d="M47.557
18.041c.243-.493.642-.493.885 0l8.231 16.678c.243.493.888.961 1.432
1.041l18.405 2.674c.544.079.667.458.274.842l-13.318 12.981c-.394.384-.64
1.142-.547 1.684l3.144
18.33c.093.542-.229.776-.716.52l-16.462-8.654c-.487-.256-1.283-.256-1.77
0l-16.462
8.654c-.487.256-.809.022-.716-.52l3.144-18.33c.093-.542-.153-1.3-.547-1.684l-13.318-12.982c-.394-.384-.271-.763.274-.842l18.405-2.674c.544-.079
1.189-.547 1.432-1.041l8.23-16.677z"/></svg>
\ No newline at end of file
--
To view, visit https://gerrit.wikimedia.org/r/117119
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: If80356a55560e7fa70453b61bd6572d2abf4755e
Gerrit-PatchSet: 5
Gerrit-Project: mediawiki/extensions/VectorBeta
Gerrit-Branch: master
Gerrit-Owner: JGonera <[email protected]>
Gerrit-Reviewer: JGonera <[email protected]>
Gerrit-Reviewer: Jdlrobson <[email protected]>
Gerrit-Reviewer: jenkins-bot <>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
