From 0b7f8712a9e9ac896dd7eb55b6b93d8845f21ce6 Mon Sep 17 00:00:00 2001 From: Roan Kattouw Date: Wed, 3 Aug 2016 17:08:58 -0700 Subject: [PATCH] Hack around browser bug in IE breaking badge alignment in Monobook A browser bug causes the badges to be pushed down by 1em in IE11 and below, but not in Edge. The only way I could find to work around this was to add top:-1em; in IE browsers using CSS hacks. Bug: T142053 Change-Id: If240f7281dd795085c003af524da294d5bf5ff76 --- modules/nojs/mw.echo.badge.monobook.less | 13 +++++++++++++ 1 file changed, 13 insertions(+) diff --git a/modules/nojs/mw.echo.badge.monobook.less b/modules/nojs/mw.echo.badge.monobook.less index f1aafb5ff..ab5e3ef60 100644 --- a/modules/nojs/mw.echo.badge.monobook.less +++ b/modules/nojs/mw.echo.badge.monobook.less @@ -49,4 +49,17 @@ #p-personal #pt-notifications-alert, #p-personal #pt-notifications-notice { display: inline-block; + position: relative; + + // HACK for IE6-9 (T142053) + top: ~"-1em\9"; +} + + +// HACK for IE10 and IE11 (T142053) +@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { + #p-personal #pt-notifications-alert, + #p-personal #pt-notifications-notice { + top: -1em; + } }