86c636fd0a
when appearing on right side of screen Languageselect was mostly fixed in 354378, but I forgot the settings ones, so the triangle just disappears when switching dialogs currently. This follows up on that and properly fixes it. Sidebar callouts now appear toward content regardless of where they're appearing from, or the language directionality. Triangles are now consistently alligned to the top of the callout (same position in languageselect and compact language links) to avoid issues with it appearing over a scrollbar. Sideways callout triangles (carets) are consolidated into a single rendering approach and mixin across compact language links and toolbox language selector. Bug: T161586 Change-Id: I7717e26525ac527ede486796f49083ed40ee7d4f
58 lines
1.2 KiB
Plaintext
58 lines
1.2 KiB
Plaintext
@import 'ext.uls.mixins.less';
|
|
|
|
/* Overrides to follow MediaWiki style */
|
|
.uls-menu {
|
|
border-radius: 4px;
|
|
/* Ensure base font size is same in different skins */
|
|
font-size: medium;
|
|
}
|
|
|
|
.uls-search,
|
|
.uls-language-settings-close-block {
|
|
border-top-right-radius: 4px;
|
|
border-top-left-radius: 4px;
|
|
}
|
|
|
|
.uls-language-list {
|
|
border-bottom-right-radius: 4px;
|
|
border-bottom-left-radius: 4px;
|
|
}
|
|
|
|
.uls-menu.callout {
|
|
.caret();
|
|
}
|
|
|
|
.uls-ui-languages button {
|
|
margin: 5px 15px 5px 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.uls-search-wrapper-wrapper {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
margin-top: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.uls-icon-back {
|
|
background: transparent url( ../images/back-grey-ltr.png ) no-repeat scroll center center;
|
|
background-image: -webkit-linear-gradient( transparent, transparent ), url( ../images/back-grey-ltr.svg );
|
|
/* @embed */
|
|
background-image: linear-gradient( transparent, transparent ), url( ../images/back-grey-ltr.svg );
|
|
background-size: 28px;
|
|
background-position: center center;
|
|
height: 32px;
|
|
width: 40px;
|
|
display: block;
|
|
position: absolute;
|
|
left: 0;
|
|
border-right: 1px solid #c9c9c9;
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.uls-icon-back:hover {
|
|
opacity: 1;
|
|
cursor: pointer;
|
|
}
|