d5285655fd
- Replacing 'mediawiki.ui/variables.less' `@import` with new Codex design tokens as external library. We're using the legacy values as UniversalLanguageSelector has been a desktop first extension and those values are also used by Vector skin. The values replaced are anyways only touching colors, borders or transitions which are the same in normal and legacy. These will be replaced by skin-aware 'mediawiki.skin.variables.less' standard with dependency of UniversalLanguageSelector upped to MW 1.42.0. - Replacing several static values with new Codex design token featuring skin variables, in categories `background-color`, `color`, `border-*`, `box-shadow`, `opacity` and `transition`. Note, that this change should result in same rendering of the extension, only properties that already have an equal token are replaced. Bug: T332541 Co-Authored-by: Volker E. <volker.e@wikimedia.org> Change-Id: Ic563fa84bf8e76fd62f14487924d7d6fd5c1a065
135 lines
2.8 KiB
Plaintext
135 lines
2.8 KiB
Plaintext
// TODO: Replace with @import 'mediawiki.skin.variables.less'; with MW core LTS v1.42 dependency.
|
|
@import '../../lib/codex-design-tokens/theme-wikimedia-ui-legacy.less';
|
|
@import 'mediawiki.mixins';
|
|
|
|
.imelabel {
|
|
display: block;
|
|
padding-bottom: 10px;
|
|
font-size: 10pt;
|
|
line-height: 16pt;
|
|
}
|
|
|
|
.imelabel span {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.imelabel input {
|
|
float: left;
|
|
}
|
|
|
|
.uls-ime-menu-settings-item {
|
|
background-color: #f8f9fa;
|
|
color: @color-base;
|
|
border-top: @border-width-base @border-style-base @border-color-subtle;
|
|
border-radius: 0 0 @border-radius-base @border-radius-base;
|
|
margin-top: 6px;
|
|
padding: 4px 2px;
|
|
position: relative;
|
|
}
|
|
|
|
.uls-ime-disable-link {
|
|
background: transparent url( ../images/remove-input.svg ) no-repeat left top;
|
|
background-size: auto 16px;
|
|
padding-left: 22px;
|
|
padding-right: 26px;
|
|
padding-bottom: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.uls-ime-more-settings-link {
|
|
background: transparent url( ../images/cog.svg ) no-repeat center top;
|
|
background-size: auto 14px;
|
|
border-left: @border-width-base @border-style-base @border-color-subtle;
|
|
width: 22px;
|
|
height: 14px;
|
|
position: absolute;
|
|
right: 0;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.uls-ime-menu-settings-item > a:hover {
|
|
background-color: @background-color-interactive-subtle;
|
|
color: @color-emphasized;
|
|
}
|
|
|
|
.uls-input-settings-imes-title:empty {
|
|
display: none;
|
|
}
|
|
|
|
.uls-input-settings-disable-info,
|
|
.uls-input-settings-no-inputmethods {
|
|
color: @color-subtle;
|
|
padding-top: 10px;
|
|
padding-bottom: 15px;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
.down + .uls-input-settings-caret {
|
|
display: inline-block;
|
|
width: 0;
|
|
height: 0;
|
|
border-top: 0;
|
|
border-right: 8px @border-style-base @border-color-transparent;
|
|
border-left: 8px @border-style-base @border-color-transparent;
|
|
border-bottom: 8px @border-style-base #f8f9fa;
|
|
content: '';
|
|
position: relative;
|
|
vertical-align: bottom;
|
|
top: 12px;
|
|
left: -16%;
|
|
margin: 0 -8px;
|
|
}
|
|
|
|
.uls-input-settings-toggle {
|
|
padding-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.uls-input-settings .uls-input-settings-inputmethods-list {
|
|
margin: 12px 0;
|
|
padding: 6px 10px;
|
|
background: #f8f9fa;
|
|
|
|
.uls-input-settings-name {
|
|
unicode-bidi: -moz-isolate;
|
|
unicode-bidi: isolate;
|
|
}
|
|
}
|
|
|
|
.uls-input-settings-inputmethods-list .mw-ui-radio {
|
|
display: block;
|
|
}
|
|
|
|
.uls-ime-notification-bubble .link {
|
|
// TODO: Replace with `@color-link` with skin variables.
|
|
color: @color-progressive;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.uls-input-settings .uls-ime-help {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/* Ime menu customizations */
|
|
.ime-perime-help {
|
|
display: none;
|
|
}
|
|
|
|
.ime-checked .ime-perime-help {
|
|
display: inline-block;
|
|
width: 20px;
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
right: 4px;
|
|
opacity: @opacity-icon-base;
|
|
padding: 0;
|
|
background: transparent url( ../images/help.svg ) no-repeat right center;
|
|
background-size: 16px 16px;
|
|
}
|
|
|
|
.ime-checked .ime-perime-help:hover {
|
|
opacity: 1;
|
|
}
|