d5f6930cb4
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
52 lines
1.5 KiB
CSS
52 lines
1.5 KiB
CSS
#p-lang .body ul .uls-trigger,
|
|
#p-lang .pBody ul .uls-trigger {
|
|
background-image: none;
|
|
padding: 0;
|
|
}
|
|
|
|
.mw-interlanguage-selector,
|
|
.mw-interlanguage-selector:active {
|
|
cursor: pointer;
|
|
padding: 4px 6px 4px 25px;
|
|
font-size: 13px;
|
|
font-weight: 400;
|
|
background-image: url( ../images/compact-links-trigger.svg );
|
|
background-size: 17px;
|
|
background-repeat: no-repeat;
|
|
background-position: left 4px center;
|
|
margin: 4px 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.interlanguage-uls-menu:before {
|
|
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;
|
|
width: 24px;
|
|
left: -13px;
|
|
position: absolute;
|
|
/* The dialog middle is positioned 250px away from the center of the trigger. Substract 12 for
|
|
* half of the box height to center middle of the box rather than the top. The remaining 2 are
|
|
* either for top-margin of the menu and border of this box, or because we use do not account
|
|
* for the margin of the trigger when we use $.fn.outerWidth without true as a parameter.
|
|
*/
|
|
top: 236px;
|
|
transform: rotate( -45deg );
|
|
-webkit-transform: rotate( -45deg );
|
|
-moz-transform: rotate( -45deg );
|
|
-o-transform: rotate( -45deg );
|
|
-ms-transform: rotate( -45deg );
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
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 );
|
|
}
|