mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-28 01:30:15 +00:00
f07a825b23
Following up on setting max-width, this actually should be strict width for the moment (until we decide on more responsive design) since without restricting width, the notification view becomes really thin and compact if the list contains notifications that have short titles and descriptions. Bug: T138433 Change-Id: Ia663f7968033b01f3553a326f70736cc6a6a54a9
46 lines
706 B
Plaintext
46 lines
706 B
Plaintext
@import '../echo.variables';
|
|
.mw-echo-ui-notificationsInboxWidget {
|
|
width: @specialpage-width;
|
|
|
|
&-row {
|
|
display: table-row;
|
|
width: 100%;
|
|
}
|
|
&-cell {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
&-placeholder {
|
|
display: table-cell;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
&-sidebar {
|
|
width: @specialpage-sidebar-width;
|
|
padding-right: 1em;
|
|
vertical-align: top;
|
|
}
|
|
|
|
&-main {
|
|
vertical-align: top;
|
|
width: 100%;
|
|
|
|
&-toolbar {
|
|
&-top {
|
|
display: table;
|
|
margin-bottom: 3 * @specialpage-separation-unit;
|
|
width: 100%;
|
|
}
|
|
|
|
&-bottom {
|
|
display: table;
|
|
width: inherit;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
margin-top: 3 * @specialpage-separation-unit;
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|