mediawiki-skins-MinervaNeue/resources/skins.minerva.scripts/page-issues/overlay/pageIssuesOverlay.less
Jdlrobson ca28efc9c7 Drop mw.mobileFrontend references
This restores the previously reverted patchset
If5b76245bf60bfa9cf977cdbf37ee0d6bb65f9d9

Changes since original:
* Added Depends-On to MobileFrontend
* Uses OOUI classes for page issues rather than es6 classes - ES6
classes do not support modifications to class prior to running
super so MobileFrontend's View class is not compatible without
significant refactors.

Depends-On: I24ad75adf8519102ca356d64d99d765ab69180cc
Bug: T348807
Change-Id: I4ff82af0251254c846f2caee330af5af738f6029
2023-11-10 01:30:52 +00:00

59 lines
1.1 KiB
Plaintext

@import 'mediawiki.skin.variables.less';
@import '../../../../minerva.less/minerva.variables.less';
@smallIconSize: 24px;
.mw-mf-cleanup {
display: block;
margin: 0;
padding: 0;
font-size: @font-size-minerva-smallest;
color: @color-subtle;
}
// overlay styles
.overlay-issues {
.cleanup {
> li {
border-bottom: @border-subtle;
.issue-notice {
padding: @smallIconSize @smallIconSize @smallIconSize 0;
.minerva-ambox-icon {
float: left;
position: relative;
left: ( @contentPadding / 2 ) + @spacing-horizontal-button;
}
}
small,
.hide-when-compact {
font-size: @font-size-minerva-smallest;
}
.hide-when-compact {
display: block;
margin: 8px 0;
}
}
}
.issue-details {
// This should match the icon width for the overlay close icon
// which is derived from these two variables:
padding-left: @size-icon + ( 2 * @width-icon-gutter );
// align the first line to the top of the element
// but line-height should be normal for text that follows (T190469)
> ::first-line {
line-height: 1;
}
// assume date
small i {
color: @color-subtle;
}
}
}