mediawiki-skins-MinervaNeue/resources/skins.minerva.scripts/page-issues/overlay/pageIssuesOverlay.less
bwang 1918698e72 Fix page issue icon
Bug: T343053
Change-Id: I80595e3b851cdb4b9d4bdafe6ce7526a2e33afbe
2023-08-08 20:37:15 +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;
.mf-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;
}
}
}