Add style to the NotificationsWrapper

We have to make sure that any notifications wrapper has the css
term overflow-y: auto; so that the popup menus behave properly.

Change-Id: I14a1a9f1c3610ef27fe04aa4b1e7197c08d1dfd4
This commit is contained in:
Moriel Schottlender 2016-05-19 13:38:46 -07:00
parent cb6e6e96cd
commit 299adfe6b1
3 changed files with 5 additions and 0 deletions

View file

@ -90,6 +90,7 @@ $wgResourceModules += array(
'styles/mw.echo.ui.SubGroupListWidget.less', 'styles/mw.echo.ui.SubGroupListWidget.less',
'styles/mw.echo.ui.MenuItemWidget.less', 'styles/mw.echo.ui.MenuItemWidget.less',
'styles/mw.echo.ui.FooterNoticeWidget.less', 'styles/mw.echo.ui.FooterNoticeWidget.less',
'styles/mw.echo.ui.NotificationsWrapper.less',
), ),
'skinStyles' => array( 'skinStyles' => array(
'monobook' => array( 'monobook' => array(

View file

@ -0,0 +1,3 @@
.mw-echo-notificationsWrapper {
overflow-y: auto;
}

View file

@ -37,6 +37,7 @@
// Initialize // Initialize
this.$element this.$element
.addClass( 'mw-echo-notificationsWrapper' )
.append( this.notificationsWidget.$element ); .append( this.notificationsWidget.$element );
}; };