mediawiki-skins-Vector/resources/skins.vector.styles/components/Indicators.less

.mw-indicators {
	font-size: @font-size-small;
	line-height: @line-height-base;
	position: relative;
	float: right;
	display: flex;
	column-gap: 8px;
	flex-wrap: wrap;
}

.mw-indicator {
	display: inline-block;
}
Copy common styles into vector Bug: T345766 Change-Id: Ib7a10d3351ad99c025237ab03ece84c1e2c1e257 2023-10-02 18:15:06 +00:00			`.mw-indicators {`
Remove @font-size-base from vector-2022 Bug: T367899 Change-Id: I6ec44a10a7bfeb6b03912ca6d5a23eaed046db08 2024-09-23 19:34:28 +00:00			`font-size: @font-size-small;`
Copy common styles into vector Bug: T345766 Change-Id: Ib7a10d3351ad99c025237ab03ece84c1e2c1e257 2023-10-02 18:15:06 +00:00			`line-height: @line-height-base;`
			`position: relative;`
			`float: right;`
Make vector-2022 mw-indicators flex-wrap Using an 8px gap by default. 8px is used a few times in vector-2022. Wrapping is useful for userpages with a lot of indicators. Bug: T340810 Change-Id: I75b59c633a6ff7a8bfdc624e6e5ba06f35fb6aee 2024-02-13 20:40:07 +00:00			`display: flex;`
			`column-gap: 8px;`
			`flex-wrap: wrap;`
Copy common styles into vector Bug: T345766 Change-Id: Ib7a10d3351ad99c025237ab03ece84c1e2c1e257 2023-10-02 18:15:06 +00:00			`}`

			`.mw-indicator {`
			`display: inline-block;`
			`}`