mediawiki-extensions-Echo/modules/styles/mw.echo.ui.NotificationsInboxWidget.less
Moriel Schottlender fd45db9eb2 Styling changes to Special:Notifications headers and toolbar
Bug: T136580
Bug: T136568
Change-Id: I1a7f08cca8884ada42eca50ba802b4d1e0b788e0
2016-05-31 00:40:07 +00:00

68 lines
1.1 KiB
Plaintext

@import '../echo.variables';
.mw-echo-ui-notificationsInboxWidget {
&.oo-ui-pendingElement-pending .mw-echo-ui-datedSubGroupListWidget {
opacity: 0.5;
}
&-toolbar {
&-row {
display: table-row;
}
&-top {
display: table;
margin-bottom: 3 * @specialpage-separation-unit;
&-placeholder {
display: table-cell;
width: 100%;
}
}
&-bottom {
display: table;
width: inherit;
margin-left: auto;
margin-right: auto;
margin-top: 3 * @specialpage-separation-unit;
}
&-pagination {
&-buttons,
&-start,
&-label {
display: table-cell;
}
&-buttons {
vertical-align: middle;
.oo-ui-buttonOptionWidget .oo-ui-buttonElement-button {
// This is needed so the height of the buttons with icons
// is the same as the height of the button with label text
// See https://phabricator.wikimedia.org/T136024
height: 1.6em;
.oo-ui-iconElement-icon {
top: 0.4em;
}
}
}
&-start {
vertical-align: middle;
}
&-label {
padding: 0 0.5em;
vertical-align: middle;
span {
white-space: nowrap;
}
}
}
}
}