mediawiki-extensions-Discus.../modules/dt.init.less

.dt-init-replylink-buttons {
	user-select: none;
	margin-left: 0.25em;

	&.dt-init-replylink-active {
		visibility: hidden;
	}

	.dt-init-replylink-open & > a {
		color: #72777d;
		pointer-events: none;
	}
}

.dt-init-highlight {
	background: rgba( 255, 204, 51, 0.5 );
	position: absolute;
	pointer-events: none;
	opacity: 1;
	transition: opacity 500ms;
}

.dt-init-highlight-fade {
	opacity: 0;
}
Wrap reply link in container so it may contain more links in future For example 'Edit'. Change-Id: I3d3027724cfd69a6719932bb2cb80fa711010fc4 2020-03-06 15:20:42 +00:00			`.dt-init-replylink-buttons {`
Fix opening/closing widgets multiple times For now don't allow more that one widget to be open at once. Change-Id: I3bb5ad8e79853f9b4115b761bd97e9d6d835a5c4 2019-10-30 16:12:27 +00:00			`user-select: none;`
			`margin-left: 0.25em;`

Reserve space for the "Reply" link when hiding it Otherwise the rest of the page may shift if hiding the link changes line-wrapping. It felt super confusing when it happened to me while I was testing an unrelated thing. https://phabricator.wikimedia.org/F31254175 Change-Id: I53aecdbf3bfba579b48875532d251de0f1c81d6c 2019-11-25 16:20:41 +00:00			`&.dt-init-replylink-active {`
			`visibility: hidden;`
			`}`

Wrap reply link in container so it may contain more links in future For example 'Edit'. Change-Id: I3d3027724cfd69a6719932bb2cb80fa711010fc4 2020-03-06 15:20:42 +00:00			`.dt-init-replylink-open & > a {`
Fix opening/closing widgets multiple times For now don't allow more that one widget to be open at once. Change-Id: I3bb5ad8e79853f9b4115b761bd97e9d6d835a5c4 2019-10-30 16:12:27 +00:00			`color: #72777d;`
			`pointer-events: none;`
			`}`
			`}`
Highlight comment after saving * Init on wikipage.content hook * Update page state variables after save Change-Id: I05a3c766668999f05cfe06473652429025595196 2019-11-13 13:57:57 +00:00
			`.dt-init-highlight {`
			`background: rgba( 255, 204, 51, 0.5 );`
			`position: absolute;`
			`pointer-events: none;`
			`opacity: 1;`
			`transition: opacity 500ms;`
			`}`

			`.dt-init-highlight-fade {`
			`opacity: 0;`
			`}`