wikimedia/mediawiki-extensions-Echo
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/extensions/Echo synced 2024-11-27 17:20:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge in styles from Minerva

Browse source 
Drops some no-JS styles (.mw-echo-notification) which didn't do anything useful.

Bug: T258936
Change-Id: I72bedc3c3d633e8898c93d5e7d570b8ee7b6a1ff
This commit is contained in:
Ed Sanders 2020-07-27 21:13:41 +01:00 committed by Esanders
parent eb0603c9af
commit d43ceb8978
3 changed files with 47 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
extension.json
View file

@ -388,6 +388,11 @@
"styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less", "styles/mw.echo.ui.CrossWikiUnreadFilterWidget.less",
"styles/mw.echo.ui.SpecialHelpMenuWidget.less" "styles/mw.echo.ui.SpecialHelpMenuWidget.less"
], ],
"skinStyles": {
"minerva": [
"styles/mw.echo.ui.NotificationsInboxWidget.minerva.less"
]
},
"dependencies": [ "dependencies": [
"ext.echo.ui", "ext.echo.ui",
"mediawiki.Uri", "mediawiki.Uri",

12
modules/mobile/overlay.less
View file

@ -2,6 +2,8 @@
@import 'mediawiki.ui/variables.less'; @import 'mediawiki.ui/variables.less';
@import 'mediawiki.mixins.less'; @import 'mediawiki.mixins.less';
@overlayHeaderHeight: 3em;
.notifications-overlay { .notifications-overlay {
// position: fixed + sliding drawer causes weird rendering bugs in Android // position: fixed + sliding drawer causes weird rendering bugs in Android
// Browser (tested on 4.0.4 and 4.2.1) // Browser (tested on 4.0.4 and 4.2.1)
@ -13,7 +15,7 @@
&-overlay { &-overlay {
position: absolute; position: absolute;
bottom: 3em; bottom: @overlayHeaderHeight;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1; z-index: 1;
@ -44,10 +46,18 @@
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
max-width: none; // T219320 max-width: none; // T219320
top: @overlayHeaderHeight;
bottom: @overlayHeaderHeight;
.mw-echo-ui-notificationsWidget { .mw-echo-ui-notificationsWidget {
top: @overlayHeaderHeight;
height: 100%; height: 100%;
} }
.mw-echo-ui-notificationItemWidget {
border-left: 0;
border-right: 0;
}
} }
.user-button { .user-button {

31
modules/styles/mw.echo.ui.NotificationsInboxWidget.minerva.less Normal file
View file

@ -0,0 +1,31 @@
// TODO: These should be mobile customizations done in JS
.mw-echo-ui-notificationsInboxWidget {
&-sidebar {
// echo notificationsInboxWidget cell
// in the desktop version is hidden
// in the mobile version.
&.mw-echo-ui-notificationsInboxWidget-cell {
display: none;
}
}
&-main {
&-toolbar {
&-readState {
// echo notificationsInboxWidget cell for readState
// in the desktop version is hidden
// in the mobile version.
&.mw-echo-ui-notificationsInboxWidget-cell {
display: none;
}
}
}
}
& &-toolbarWrapper {
height: auto;
position: static;
padding-bottom: 0.5em;
}
}