Refactor LanguageOverlay styles

In I629245100f4ca430a88e450939b90d075e7021f1, languageOverlay styles and
LanguageSearcher styles were split into two different files. This commit
mimics that change in skinStyles. All languageOverlay specific styles
were moved to languageOverlay.less, while all LanguageSearcher styles
were moved to LanguageSearcher.less.

Other chagnes:

* Changed a reference in init.js

Bug: T215657
Change-Id: I395a61cd6051ad5c6b6601205f112b55f5ab8273
This commit is contained in:
Nicholas Ray 2019-02-22 10:59:56 -07:00
parent 0557c176f8
commit 7cfcb3641b
4 changed files with 16 additions and 9 deletions

View file

@ -56,7 +56,7 @@
}
/**
* Hijack the Special:Languages link and replace it with a trigger to a LanguageOverlay
* Hijack the Special:Languages link and replace it with a trigger to a languageOverlay
* that displays the same data
* @ignore
*/

View file

@ -127,14 +127,15 @@
"skinStyles/mediawiki.hlist/minerva.less"
],
"mobile.languages.structured": [
"skinStyles/mobile.languages.structured/LanguageOverlay.less"
"skinStyles/mobile.languages.structured/LanguageSearcher.less"
],
"mobile.startup": [
"skinStyles/mobile.startup/skin.less",
"skinStyles/mobile.startup/toast.less",
"skinStyles/mobile.startup/Overlay.less",
"skinStyles/mobile.startup/toggle.less",
"skinStyles/mobile.startup/search/SearchOverlay.less"
"skinStyles/mobile.startup/search/SearchOverlay.less",
"skinStyles/mobile.startup/languageOverlay/languageOverlay.less"
],
"mediawiki.special": [
"skinStyles/mobile.special.styles/minerva.less"

View file

@ -1,12 +1,7 @@
@import '../../minerva.less/minerva.variables';
@media screen and ( min-width: @width-breakpoint-desktop ) {
.language-overlay {
.overlay-content {
margin: 0;
min-width: 100%;
}
.language-searcher {
.panel-body,
.overlay-content-body {
margin-left: auto;

View file

@ -0,0 +1,11 @@
@import '../../../minerva.less/minerva.variables';
@media screen and ( min-width: @width-breakpoint-desktop ) {
.language-overlay {
// FIXME: Consolidate this into skinStyles/Overlay.less
.overlay-content {
margin: 0;
min-width: 100%;
}
}
}