JGonera has uploaded a new change for review.
https://gerrit.wikimedia.org/r/130791
Change subject: Add dropdown carat icon
......................................................................
Add dropdown carat icon
Also, compress all the icons.
Change-Id: I87c8328f3cfa229636c5cf4541c267fac6bd91c8
---
M resources/compactPersonalBar/compactPersonalBar.less
A resources/compactPersonalBar/images/carat.png
A resources/compactPersonalBar/images/carat.svg
M resources/compactPersonalBar/images/contributions.svg
M resources/compactPersonalBar/images/contributionsHover.svg
M resources/compactPersonalBar/images/talk.svg
M resources/compactPersonalBar/images/talkHover.svg
M resources/compactPersonalBar/images/user.svg
8 files changed, 11 insertions(+), 7 deletions(-)
git pull ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/VectorBeta
refs/changes/91/130791/1
diff --git a/resources/compactPersonalBar/compactPersonalBar.less
b/resources/compactPersonalBar/compactPersonalBar.less
index a298e79..d40066b 100644
--- a/resources/compactPersonalBar/compactPersonalBar.less
+++ b/resources/compactPersonalBar/compactPersonalBar.less
@@ -31,12 +31,15 @@
padding: 0 .2em;
border: 1px solid #ccc;
border-radius: 3px;
+ background: right .5em top .6em no-repeat;
+ background-size: auto 10px;
+ .background-image-svg("images/carat.svg", "images/carat.png");
- .transition(background @fadeDuration @fadeDelay, border-color
@fadeDuration @fadeDelay;);
+ .transition(background-color @fadeDuration @fadeDelay,
border-color @fadeDuration @fadeDelay;);
&:hover {
border-color: #aaa;
- background: #fff;
+ background-color: #fff;
}
ul {
diff --git a/resources/compactPersonalBar/images/carat.png
b/resources/compactPersonalBar/images/carat.png
new file mode 100644
index 0000000..5a6e5c9
--- /dev/null
+++ b/resources/compactPersonalBar/images/carat.png
Binary files differ
diff --git a/resources/compactPersonalBar/images/carat.svg
b/resources/compactPersonalBar/images/carat.svg
new file mode 100644
index 0000000..41ebb03
--- /dev/null
+++ b/resources/compactPersonalBar/images/carat.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96" enable-background="new 0
0 96 96"><path d="M96
33.713l-3.763-3.763c-3.598-3.598-9.43-3.6-13.031-.006l-31.22
31.144-31.271-31.195c-3.601-3.594-9.355-3.513-12.952.085l-3.763 3.763 47.952
48.02.034-.034.034.034 47.98-48.048z" fill="#777"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/contributions.svg
b/resources/compactPersonalBar/images/contributions.svg
index bf88d88..29ff01e 100644
--- a/resources/compactPersonalBar/images/contributions.svg
+++ b/resources/compactPersonalBar/images/contributions.svg
@@ -1 +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
+<?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.913m7.338-27.681v48.594h13.211v-48.55m7.338
15.971v32.578h13.211v-32.592"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/contributionsHover.svg
b/resources/compactPersonalBar/images/contributionsHover.svg
index a039af9..47c793f 100644
--- a/resources/compactPersonalBar/images/contributionsHover.svg
+++ b/resources/compactPersonalBar/images/contributionsHover.svg
@@ -1 +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
+<?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.913m7.338-27.681v48.594h13.211v-48.55m7.338
15.971v32.578h13.211v-32.592"/></svg>
\ No newline at end of file
diff --git a/resources/compactPersonalBar/images/talk.svg
b/resources/compactPersonalBar/images/talk.svg
index b8821d4..eab4b1d 100644
--- a/resources/compactPersonalBar/images/talk.svg
+++ b/resources/compactPersonalBar/images/talk.svg
@@ -1 +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
+<?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.346zm41.049
0v30.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.svg
b/resources/compactPersonalBar/images/talkHover.svg
index 8f19142..879995a 100644
--- a/resources/compactPersonalBar/images/talkHover.svg
+++ b/resources/compactPersonalBar/images/talkHover.svg
@@ -1 +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
+<?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.346zm41.049
0v30.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.svg
b/resources/compactPersonalBar/images/user.svg
index b9f4195..9dc968e 100644
--- a/resources/compactPersonalBar/images/user.svg
+++ b/resources/compactPersonalBar/images/user.svg
@@ -1 +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
+<?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 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.678zm21.296-2.93h-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"
fill="#A1A1A0"/></svg>
\ No newline at end of file
--
To view, visit https://gerrit.wikimedia.org/r/130791
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I87c8328f3cfa229636c5cf4541c267fac6bd91c8
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/VectorBeta
Gerrit-Branch: wmf/1.24wmf2
Gerrit-Owner: JGonera <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits