mirror of
https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo
synced 2024-11-28 01:30:15 +00:00
1dd3af10bb
Now that we have the cog menu, it should be placed correctly in mobile and the "preferences" link should be hidden. Since MobileFrontend doesn't have the personal toolbar, and we can't cheat by using jQuery and grabbing the url of preferences, we have to get SpecialNotifications.php to output the urls to a wg variable and reading it from there. Bug: T115528 Change-Id: I6a69823d6f75c376c04e9a21d79916321e417178
88 lines
1.5 KiB
Plaintext
88 lines
1.5 KiB
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;
|
|
|
|
@media all and ( max-width: @specialpage-mobile-width-medium ) {
|
|
// Hide the sidebar for small screens
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
&-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;
|
|
}
|
|
|
|
&-settings {
|
|
padding-left: 1em;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media all and ( max-width: @specialpage-mobile-width-medium ) {
|
|
// Make narrow
|
|
width: @specialpage-mobile-width-small;
|
|
|
|
// Override table-layout for the top toolbar so we get
|
|
// filters and pagination under one another
|
|
&-main {
|
|
&-toolbar {
|
|
&-top {
|
|
display: block;
|
|
margin-bottom: 1em;
|
|
|
|
.mw-echo-ui-notificationsInboxWidget-row {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
}
|
|
&-readState {
|
|
display: inline-block;
|
|
}
|
|
&-settings,
|
|
&-pagination {
|
|
display: inline-block;
|
|
margin-top: 1em;
|
|
}
|
|
|
|
&-settings {
|
|
.oo-ui-popupWidget-popup {
|
|
text-align: left;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|