improve badge counter visibility

Author: inbasic

src/data/overlay-darwin.css

@@ -7,9 +7,8 @@
 
 #igmail-notifier[length="1"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="1"]:after {
-  border-radius: 4px;
-  width: 9px;
-  margin: 6px 0 0 -9px;
+  margin: 6px 0 0 -10px;
+  width: 10px;
 }
 #igmail-notifier[length="2"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="2"]:after {
@@ -18,11 +17,11 @@
 }
 #igmail-notifier[length="3"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="3"]:after {
-  margin: 6px 0 0 -20px;
-  width: 19px;
+  margin: 6px 0 0 -22px;
+  width: 22px;
 }
 #igmail-notifier[length="4"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="4"]:after{
-  margin: 6px 0 0 -22px;
-  width: 22px;
+  margin: 6px -1px 0 -25px;
+  width: 26px;
 }

src/data/overlay-linux.css

@@ -1,21 +1,20 @@
 #igmail-notifier[length="1"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="1"]:after {
-  border-radius: 4px;
-  margin: 6px -3px 0 -6px;
-  width: 9px;
+  margin: 6px -3px 0 -7px;
+  width: 10px;
 }
 #igmail-notifier[length="2"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="2"]:after {
-  margin: 6px -1px 0 -13px;
-  width: 14px;
+  margin: 6px -1px 0 -15px;
+  width: 16px;
 }
 #igmail-notifier[length="3"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="3"]:after {
-  margin: 6px -1px 0 -18px;
-  width: 19px;
+  margin: 6px -2px 0 -20px;
+  width: 22px;
 }
 #igmail-notifier[length="4"]:after,
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="4"]:after{
-  margin: 6px -1px 0 -20px;
-  width: 22px;
+  margin: 6px -5px 0 -23px;
+  width: 28px;
 }

src/data/overlay.css

@@ -29,48 +29,48 @@
   position: relative;
   display: block;
   font-family: arial;
-  font-size: 9px;
+  font-size: 10px;
   font-weight: 600;
   content: attr(value);
   background-color: #3366CC;
   color: white;
   text-align: center;
   overflow: hidden;
   border-radius: 2px;
+  height: 10px;
+  line-height: 10px;
 }
 /* Windows Small Icon */
 #igmail-notifier[length="1"]:after {
-  border-radius: 4px;
-  width: 9px;
-  margin: 6px -1px 0 -8px;
+  margin: 6px -1px 0 -9px;
+  width: 10px;
 }
 #igmail-notifier[length="2"]:after {
-  margin: 6px 0 0 -14px;
-  width: 14px;
+  margin: 6px 0 0 -16px;
+  width: 16px;
 }
 #igmail-notifier[length="3"]:after {
-  margin: 6px -1px 0 -18px;
-  width: 19px;
+  margin: 6px -1px 0 -19px;
+  width: 20px;
 }
 #igmail-notifier[length="4"]:after {
   margin: 6px -2px 0 -20px;
   width: 22px;
 }
 /* Windows Large Icon */
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="1"]:after {
-  border-radius: 4px;
-  margin: 6px 5px 0 -14px;
-  width: 9px;
+  margin: 6px 5px 0 -15px;
+  width: 10px;
 }
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="2"]:after {
-  margin: 6px 3px 0 -17px;
-  width: 14px;
+  margin: 6px 3px 0 -19px;
+  width: 16px;
 }
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="3"]:after {
-  margin: 6px 3px 0 -22px;
-  width: 19px;
+  margin: 6px 3px 0 -25px;
+  width: 22px;
 }
 #navigator-toolbox[iconsize="large"] #igmail-notifier[length="4"]:after{
-  margin: 6px 2px 0 -24px;
-  width: 22px;
+  margin: 6px 3px 0 -31px;
+  width: 28px;
 }

src/gmail-notifier.xpi

@@ -431,9 +431,12 @@ var welcome = function () {
       else {
         open(config.update + "?v=" + self.version);
       }
+      prefs.newVersion = "";
     }, 3000);
   }
-  prefs.newVersion = "";
+  else {
+    prefs.newVersion = "";
+  }
 }
 
 /** Server **/

src/lib/main.js

@@ -10,7 +10,7 @@
   "contributors": ["CaTz", "ecaron"],
 
   "url": "",
-  "version": "0.3.5b2",
+  "version": "0.3.5b3",
   "lib": "lib",
   "main": "main",
 

src/package.json

@@ -13,7 +13,7 @@
       <Description>
         <em:id>{ec8030f7-c20a-464f-9b0e-13a3a9e97384}</em:id>
         <em:minVersion>14.0</em:minVersion>
-        <em:maxVersion>25.0</em:maxVersion>
+        <em:maxVersion>27.0</em:maxVersion>
       </Description>
     </em:targetApplication>