diff options
Diffstat (limited to 'Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less')
| -rw-r--r-- | Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less | 41 |
1 files changed, 20 insertions, 21 deletions
diff --git a/Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less b/Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less index 183edf91..00b9a2e9 100644 --- a/Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less +++ b/Echo/modules/styles/mw.echo.ui.NotificationBadgeWidget.less @@ -4,33 +4,34 @@ .mw-echo-ui-notificationBadgeButtonPopupWidget { position: relative; - > .oo-ui-popupWidget { - // #p-personal li has a font-size of 0.75em, but we want the - // font size here to be exactly 0.875em, so we must override - // the parent em sizing by dividing. - font-size: 0.875em / 0.75em; - + &-popup { > .oo-ui-popupWidget-popup { > .oo-ui-popupWidget-head { - height: 3.5em; - border-bottom: 1px solid #ddd; + .box-sizing( border-box ); + height: 3.1428571em; // = 44px as result of 44 / 16 (font-size browser) / 0.875 (OOUI WikimediaUI theme font-size) + border-bottom: 1px solid #c8ccd1; > .oo-ui-iconWidget { - /* ( 3.5 - 1.875 ) / 2 = 0.8125 */ - margin: 0.8125em 0 0.8125em 1em; float: left; + height: 100%; + margin: 0 0 0 1.1428571em; // = 16px as result of 16 / 16 / 0.875 opacity: @opacity-mid; } > .oo-ui-labelElement-label { + margin: 0 0 0 0.4761905em; // = 8px as result of ≈0.5714286 / 1.2 (element's font-size) font-size: 1.2em; - padding: 0.3em; - margin-left: 0; font-weight: bold; + line-height: 2.6190476em; // = 44px as result of ≈3.1428571 / 1.2 (element's font-size) } .mw-echo-ui-notificationsWidget-markAllReadButton { - margin-right: 1em; + margin-top: 0.4285714em; // = 6px as result of 6 / 16 / 0.875 + margin-right: 0.5714286em; // = 8px as result of 8 / 16 / 0.875 + + .oo-ui-buttonElement-button { + padding-right: 0; + } } } @@ -46,6 +47,7 @@ // item widget styles so that the edge borders of the items are not duplicated border-left: 0; border-right: 0; + &:last-child { border-bottom: 0; } @@ -53,11 +55,9 @@ } > .oo-ui-popupWidget-footer { - border-top: 1px solid #ddd; width: 100%; - - // Override the margins that OOUI suddenly added to popup footers (T171302) - margin: 0; + margin: 0; // Override OOUI's popup footer margins (T171302) + border-top: 1px solid #c8ccd1; > .oo-ui-buttonGroupWidget { display: block; @@ -69,20 +69,19 @@ .oo-ui-buttonElement { display: table-cell; white-space: normal; - font-weight: bold; width: @notification-popup-width / 2; .box-sizing( border-box ); &:last-child { - border-left: 1px solid #ddd; + border-left: 1px solid #c8ccd1; } > .oo-ui-buttonElement-button { display: block; - line-height: 2.6em; + line-height: 3.1428571em; margin: 0; border: 0; - padding: 0.5em; + padding: 0 0.5em; } } } |