/**
 * The "changeslist" module appears on Special pages such
 * as recent changes, watchlist, and parts of the action history page.
 */

@import '../minerva.less/minerva.mixins';
@import '../minerva.less/minerva.variables';
@import 'mediawiki.ui/mixins.buttons';
@import 'mediawiki.ui/variables';

// decrease the font-size of the advanced filters module T229360
.rcfilters-container {
	font-size: @taglineFontSize;
}

.mw-changeslist h4 {
	font-size: @fontSizeH3;
	padding: 1em 0 0 0 !important; // overriding .content h4
}

ul.mw-contributions-list,
ul.special {
	padding-left: 0 !important; // overriding `.content ul`
	margin-left: 0 !important; // overriding `.client-js .mw-changeslist ul`

	li {
		list-style-type: none;
		.changeslist-row();
	}

	// the following selector are nested due to their
	// generic names.
	.mw-title {
		font-weight: bold;
	}

	.comment {
		float: left;
		clear: both;
		font-style: italic;
		line-height: 1.4em;
		padding: 0.5em 0;
	}
}

.mw-changeslist-line {
	.changeslist-row();
}

.mw-changeslist-line-inner {
	display: block;
}

.mw-changeslist-line-inner > *,
ul.mw-contributions-list li > * {
	float: left;
	margin-right: 0.5em;
}

.mw-changeslist-line-inner:before,
.mw-changeslist-line-inner:after {
	.clearfix();
}

.mw-changeslist-date,
.mw-tag-markers {
	clear: left;
}

/**
 * Colored watchlist and recent changes numbers.
 */
.mw-plusminus-pos {
	color: @wmui-color-green30;
}

.mw-plusminus-neg {
	color: @wmui-color-red30;
}

.mw-plusminus-null {
	color: @wmui-color-grey30;
}

/*
 * Bidi-isolate these numbers.
 * See https://phabricator.wikimedia.org/T93484
 */
.mw-plusminus-pos,
.mw-plusminus-neg,
.mw-plusminus-null {
	unicode-bidi: -moz-isolate;
	unicode-bidi: isolate;
}

/**
 * "pill" style tags meant to emulate the OOUI ".oo-ui-tagItemWidget" style.
 */

.mw-tag-markers {
	margin: 0 0 0.5em 0;
}

.mw-tag-marker {
	// due to the extra space afforded by padding,
	// we can make the font-size a bit smaller to save space.
	font-size: @taglineFontSize;
	display: inline-block;
	box-sizing: border-box;
	height: 1.6em;
	border: 1px solid #a2a9b1;
	border-radius: 1.6em;
	line-height: 1.6em;
	padding: 0 0.6em;
	vertical-align: middle;
	white-space: nowrap;
}

.mw-revdelundel-link,
.mw-tag-markers {
	display: block;
}

/**
 * Button style rollback link, visible to admins.
 */
.mw-rollback-link {
	.mw-ui-button();
	font-size: @taglineFontSize;
	float: left;
	clear: both;
}