mediawiki-skins-MinervaNeue/skinStyles/ext.echo.styles.special/SpecialNotificationsOverlay.less
Timo Tijhof 64134bd8a6 Remove minerva.less from global import path
Use local imports instead given all relevant files are within the
same repository, and don't vary by configuraion.

Bug: T140807
Depends-On: If3edac9a35b346af0320c12f70c0d978a6346201
Change-Id: Ife3cc345a63aff452e93accbe0a593fbaa358732
2018-05-29 12:19:00 +00:00

72 lines
1.4 KiB
Plaintext

@import '../../minerva.less/minerva.variables';
.mw-echo-ui-notificationsInboxWidget {
&-cell {
&-placeholder {
display: table-cell;
width: 100%;
}
}
&-sidebar {
// echo notificationsInboxWidget cell
// in the desktop version is hidden
// in the mobile version.
&.mw-echo-ui-notificationsInboxWidget-cell {
display: none;
}
}
&-main {
&-toolbar {
&-top {
display: table;
.row {
display: table-row;
}
}
&-affixed {
position: fixed;
z-index: 2;
top: 0;
background-color: @skinContentBgColor;
padding-top: 0.5em;
padding-bottom: 0.5em;
box-shadow: 0 2px 0 0 rgba( 0, 0, 0, 0.1 );
}
&-readState {
// echo notificationsInboxWidget cell for readState
// in the desktop version is hidden
// in the mobile version.
&.mw-echo-ui-notificationsInboxWidget-cell {
display: none;
}
}
&-settings,
&-pagination {
// display for echo notificationsInboxWidget cell pagination
// is changed from display: inline-block in the desktop version to
// display: table-cell in the mobile version.
&.mw-echo-ui-notificationsInboxWidget-cell {
display: table-cell;
}
}
&-nav-filter {
&.mw-echo-ui-notificationsInboxWidget-cell {
display: table-cell;
}
}
}
}
// height for echo notificationsInboxWidget
// is changed from 8em in the desktop version to
// 4em in the mobile version.
& &-toolbarWrapper {
height: 4em;
}
}