mediawiki-extensions-Echo/modules/styles/mw.echo.ui.PaginationWidget.less

.mw-echo-ui-paginationWidget {
	&-row {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}

	&-label {
		padding: 0 0.5em;
	}
}
Clean up the pagination in Special:Notifications Add a pagination widget with events and separate the logic for organization. Let the widget listen to events from the pagination model so it always keeps itself updated. Change-Id: Id1df112cbb0d90195217e88fbee97a59170b99c5 2016-05-27 20:39:15 +00:00			`.mw-echo-ui-paginationWidget {`
			`&-row {`
Simplify Special:Notifications layout using flexbox Compared to the previous approach using table layouts, it is much easier to control which elements are allowed to extend to maximum available width, and to provide alternative layouts for mobile. There should be no visual changes. It doesn't require using `white-space: nowrap` to prevent elements from being squished, which will help with T237244. (These styles are only loaded on Special:Notifications, they don't apply to the flyout.) Bug: T237244 Change-Id: I09e692e427f61fabd53b3824a1ed7e4f8e76fad4 2024-05-15 20:31:21 +00:00			`display: flex;`
			`align-items: center;`
Special:Notifications: Add additional wrapping Bug: T337954 Change-Id: Ia34e68eff3bcd52bd4ba0017bd5b8b271fd528c6 2024-05-29 21:27:56 +00:00			`flex-wrap: wrap;`
Fix navigation controls wrapping on Notifications page Fixing regression from a8ef5fe765c1. Bug: T210487 Change-Id: I914b94515398d9fa388e8a8984b22f52e3507c86 2018-11-27 17:27:52 +00:00			`}`

Clean up the pagination in Special:Notifications Add a pagination widget with events and separate the logic for organization. Let the widget listen to events from the pagination model so it always keeps itself updated. Change-Id: Id1df112cbb0d90195217e88fbee97a59170b99c5 2016-05-27 20:39:15 +00:00			`&-label {`
			`padding: 0 0.5em;`
			`}`
			`}`