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