Santhosh has uploaded a new change for review.
https://gerrit.wikimedia.org/r/281595
Change subject: Correct the vertical poosition the arrow of selector and add
shadow
......................................................................
Correct the vertical poosition the arrow of selector and add shadow
The pointer arrow of the ULS was not aligned with the 'x more' trigger
and it missed shadow. This commit fixes it.
Notably, we replace the old arrow with a box rotated 45 degree so that
we can apply the shadow very easily.
Bug: T130633
Change-Id: I4d36f3ee9fcfea932e10208518a03e7b246a7abe
---
M resources/css/ext.uls.compactlinks.css
1 file changed, 22 insertions(+), 17 deletions(-)
git pull
ssh://gerrit.wikimedia.org:29418/mediawiki/extensions/UniversalLanguageSelector
refs/changes/95/281595/1
diff --git a/resources/css/ext.uls.compactlinks.css
b/resources/css/ext.uls.compactlinks.css
index 6d2e5f1..471cce3 100644
--- a/resources/css/ext.uls.compactlinks.css
+++ b/resources/css/ext.uls.compactlinks.css
@@ -17,24 +17,29 @@
margin: 4px 0;
}
-.interlanguage-uls-menu:after,
.interlanguage-uls-menu:before {
- right: 100%;
- content: " ";
- position: absolute;
- border: 1px solid black;
+ background: none repeat scroll 0 0 #FCFCFC;
+ border-left: 1px solid rgba(0, 0, 0, 0.2);
+ border-top: 1px solid rgba(0, 0, 0, 0.2);
+ box-shadow: -2px -2px 2px rgba(0, 0, 0, 0.1);
+ content: "";
+ height: 24px;
+ left: -13px;
+ position: absolute;
+ top: 298px; /*250px set by ext.uls.compactlinks.js and 2*height of this
diamond box*/
+ transform: rotate(-45deg);
+ -webkit-transform: rotate(-45deg);
+ -moz-transform: rotate(-75deg);
+ -o-transform: rotate(-45deg);
+ -ms-transform: rotate(-45deg);
+ width: 24px;
+ background-clip: padding-box;
}
-.interlanguage-uls-menu:after {
- border-color: transparent;
- border-right-color: #FCFCFC;
- border-width: 20px;
- top: 250px;
-}
-
-.interlanguage-uls-menu:before {
- border-color: transparent;
- border-right-color: #555555;
- border-width: 20px;
- top: 250px;
+body.rtl .interlanguage-uls-menu:before {
+ transform: rotate(45deg);
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
}
--
To view, visit https://gerrit.wikimedia.org/r/281595
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: newchange
Gerrit-Change-Id: I4d36f3ee9fcfea932e10208518a03e7b246a7abe
Gerrit-PatchSet: 1
Gerrit-Project: mediawiki/extensions/UniversalLanguageSelector
Gerrit-Branch: master
Gerrit-Owner: Santhosh <santhosh.thottin...@gmail.com>
_______________________________________________
MediaWiki-commits mailing list
MediaWiki-commits@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
