From 1c9325d6bc1a3803f270c2a9d4c033467ad23b76 Mon Sep 17 00:00:00 2001 From: pichalite Date: Fri, 27 May 2016 12:13:57 -0700 Subject: [PATCH] proper positioning of notification count display on IE (#285) * proper positioning of notification count display on IE * indentation --- less/header.less | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) diff --git a/less/header.less b/less/header.less index bcfb4ff..5ef0b02 100644 --- a/less/header.less +++ b/less/header.less @@ -291,23 +291,29 @@ .unread-count:after { content: attr(data-content); - position: relative; - left: -6px; - top: -7px; + position: absolute; + left: 23px; + top: 10px; font-size: 10px; text-align: center; border: 1px solid #890405; color: #fff; font-weight: bold; - min-width: 20px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + min-width: 16px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; background: #c91106; padding: 1px 2px; font-family: @font-family-sans-serif; } +#mobile-menu [component="notifications/icon"].unread-count:after { + position: relative; + left: -6px; + top: -7px; +} + #search-form { #search-button { float: right;