Diff styles for moving paragraphs and empty lines

* Fix styling of empty lines - cover full width
* Disable the pseudo element shipped in core
* Move styles from mobile.special.mobilediff.styles into mediawiki.diff.styles
since the latter is always present, the former isn't if MobileFrontend is not
available.

Bug: T242310
Bug: T243235
Change-Id: Ic7d12fe890622e7b3ccc7bc56765f505ac0ab651
This commit is contained in:
jdlrobson 2020-01-20 13:47:19 -08:00 committed by Jdlrobson
parent 878a028596
commit 2bf442db12
3 changed files with 31 additions and 12 deletions

View file

@ -159,6 +159,9 @@
},
"ResourceModuleSkinStyles": {
"minerva": {
"mediawiki.diff.styles": [
"skinStyles/mediawiki.diff.styles.less"
],
"mediawiki.searchSuggest": [
"skinStyles/mediawiki.searchSuggest/index.less"
],
@ -221,9 +224,6 @@
"mediawiki.action.edit.styles": [
"skinStyles/mediawiki.action.edit.styles/minerva.less"
],
"mobile.special.mobilediff.styles": [
"skinStyles/mobile.special.mobilediff.styles/minerva.less"
],
"mobile.special.mobilemenu.styles": [
"skinStyles/mobile.special.mobilemenu.styles/minerva.less"
],

View file

@ -0,0 +1,28 @@
// stylelint-disable selector-max-id
@import 'mediawiki.ui/variables';
// Override MobileFrontend styles (can be weakened/removed when MobileDiff no longer exists)
#mw-mf-diffview .mw-diff-empty-line {
del,
ins {
width: 100%;
}
}
// By default a pseudo element is used for skins like Vector. We don't want this on Minerva.
.mw-diff-movedpara-right,
.mw-diff-movedpara-left,
.rtl .mw-diff-movedpara-left,
.rtl .mw-diff-movedpara-right {
&:after {
content: none;
}
}
@media all and ( max-width: @width-breakpoint-tablet ) {
// T233151: Remove post-content margin on mobile diff page drawer
// .post-content margin
#mw-mf-userinfo .post-content {
margin: 0;
}
}

View file

@ -1,9 +0,0 @@
@import 'mediawiki.ui/variables';
@media all and ( max-width: @width-breakpoint-tablet ) {
// T233151: Remove post-content margin on mobile diff page drawer
// .post-content margin
#mw-mf-userinfo .post-content { // stylelint-disable-line selector-max-id
margin: 0;
}
}