mobile.editor.ve: Simplify left/right border of toolbar on >1000px screens

There should be no visual changes in this commit.

The goal of this change is to stop using variables from
minerva.variables, and thus to be able to move this file
to mediawiki/extensions/MobileFrontend (T202978).

Bug: T202978
Change-Id: Ib4b3206f724c3e6f089e626b704dc8ff790a76ae
This commit is contained in:
Bartosz Dziewoński 2018-09-17 22:40:20 +02:00
parent ac549d9c70
commit 73d724a72f
2 changed files with 6 additions and 8 deletions

View file

@ -15,9 +15,6 @@
@grayLight: @colorGray12;
@grayLightest: @colorGray14;
// For backwards compatibility with MobileFrontend skinStyles
@wgMFDeviceWidthDesktop: @width-breakpoint-desktop;
@skinContentBgColor: #fff;
// Navigation Drawers

View file

@ -59,11 +59,12 @@
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );
.ve-init-mw-mobileArticleTarget-toolbar {
@media all and ( min-width: @wgMFDeviceWidthDesktop ) {
border-color: @colorGray12;
border-style: solid;
border-width: 0 1px;
}
// The border will only be visible on screens >1000px due to max-width set elsewhere.
// On smallers screens, the negative margin will cause it to be outside of viewport.
border-color: @colorGray12;
border-style: solid;
border-width: 0 1px;
margin: 0 -1px;
.oo-ui-iconElement-icon {
/* Overwrite `contain` value here, as we're 16px base sized */