2023-04-03 19:44:38 +00:00
|
|
|
@import 'mediawiki.skin.variables.less';
|
2019-10-25 20:53:39 +00:00
|
|
|
@import '../echo.variables.less';
|
2019-01-10 02:42:06 +00:00
|
|
|
|
2016-03-16 22:47:20 +00:00
|
|
|
.mw-echo-ui-notificationsInboxWidget {
|
2016-09-02 00:52:26 +00:00
|
|
|
width: 100%;
|
|
|
|
max-width: @specialpage-width;
|
2016-09-30 19:16:28 +00:00
|
|
|
position: relative;
|
2016-09-02 00:52:26 +00:00
|
|
|
|
2016-05-31 22:32:16 +00:00
|
|
|
&-row {
|
2024-05-15 20:31:21 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: start;
|
2024-05-29 21:27:56 +00:00
|
|
|
flex-wrap: wrap;
|
2024-05-15 20:31:21 +00:00
|
|
|
gap: 1em;
|
2016-05-31 22:32:16 +00:00
|
|
|
}
|
2016-09-30 19:16:28 +00:00
|
|
|
|
|
|
|
&-toolbarWrapper {
|
2024-05-29 21:27:56 +00:00
|
|
|
min-height: 3.5em;
|
2018-02-04 21:26:06 +00:00
|
|
|
position: -webkit-sticky;
|
2017-10-17 14:22:26 +00:00
|
|
|
position: sticky;
|
2024-05-29 21:27:56 +00:00
|
|
|
padding-bottom: 1em;
|
2017-10-17 14:22:26 +00:00
|
|
|
padding-top: 0.5em;
|
|
|
|
margin-top: -0.5em;
|
|
|
|
top: 0;
|
|
|
|
z-index: 2;
|
2023-04-03 19:44:38 +00:00
|
|
|
background-color: @background-color-base;
|
2017-10-17 14:22:26 +00:00
|
|
|
box-shadow: 0 2px 0 0 rgba( 0, 0, 0, 0.1 );
|
2016-09-30 19:16:28 +00:00
|
|
|
}
|
|
|
|
|
2016-05-31 22:32:16 +00:00
|
|
|
&-cell {
|
|
|
|
&-placeholder {
|
2024-05-15 20:31:21 +00:00
|
|
|
flex-grow: 1;
|
2016-05-27 20:39:15 +00:00
|
|
|
}
|
2016-05-31 22:32:16 +00:00
|
|
|
}
|
2016-03-16 22:47:20 +00:00
|
|
|
|
2024-05-29 21:27:56 +00:00
|
|
|
&-sidebar {
|
|
|
|
flex-basis: @specialpage-sidebar-width;
|
2024-05-15 20:31:21 +00:00
|
|
|
flex-grow: 1;
|
2024-05-29 21:27:56 +00:00
|
|
|
max-width: @specialpage-sidebar-max-width;
|
|
|
|
}
|
|
|
|
|
|
|
|
&-main {
|
|
|
|
flex-basis: @specialpage-main-width;
|
|
|
|
flex-grow: 2;
|
2016-03-16 22:47:20 +00:00
|
|
|
|
2016-05-31 22:32:16 +00:00
|
|
|
&-toolbar {
|
|
|
|
&-top {
|
2024-05-15 20:31:21 +00:00
|
|
|
.mw-echo-ui-notificationsInboxWidget-row {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2024-05-29 21:27:56 +00:00
|
|
|
flex-wrap: wrap;
|
2018-11-07 03:40:44 +00:00
|
|
|
}
|
|
|
|
}
|
2016-03-16 22:47:20 +00:00
|
|
|
}
|
|
|
|
}
|
2016-05-31 22:32:16 +00:00
|
|
|
|
2016-09-02 00:52:26 +00:00
|
|
|
@media all and ( max-width: ( @specialpage-hd-width - 1 ) ) {
|
2024-05-15 20:31:21 +00:00
|
|
|
// Override for the top toolbar so we get
|
2016-07-19 21:29:15 +00:00
|
|
|
// filters and pagination under one another
|
|
|
|
&-main {
|
2024-05-29 21:27:56 +00:00
|
|
|
min-width: 0;
|
|
|
|
|
2016-07-19 21:29:15 +00:00
|
|
|
&-toolbar {
|
|
|
|
&-top {
|
|
|
|
.mw-echo-ui-notificationsInboxWidget-row {
|
|
|
|
text-align: center;
|
2024-05-15 20:31:21 +00:00
|
|
|
justify-content: center;
|
2016-07-19 21:29:15 +00:00
|
|
|
}
|
|
|
|
}
|
2019-01-10 02:42:06 +00:00
|
|
|
|
2016-07-23 00:23:54 +00:00
|
|
|
&-settings {
|
|
|
|
.oo-ui-popupWidget-popup {
|
|
|
|
text-align: left;
|
|
|
|
}
|
|
|
|
}
|
2016-07-19 21:29:15 +00:00
|
|
|
}
|
|
|
|
}
|
2019-01-10 02:42:06 +00:00
|
|
|
|
2020-07-27 15:11:38 +00:00
|
|
|
&-cell-placeholder {
|
2024-05-15 20:31:21 +00:00
|
|
|
width: 100%;
|
2020-07-27 15:11:38 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
&-sidebar {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
|
2016-09-30 19:16:28 +00:00
|
|
|
&-toolbarWrapper {
|
2024-05-29 21:27:56 +00:00
|
|
|
min-height: 7em;
|
2016-09-30 19:16:28 +00:00
|
|
|
}
|
2016-07-19 21:29:15 +00:00
|
|
|
}
|
2016-03-16 22:47:20 +00:00
|
|
|
}
|