Another hotfix to sidebar notification CSS

mailpile · Dec 27, 2013 · 79cc55d · 79cc55d
1 parent 9cfe11b
commit 79cc55d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/static/default/css/default.css b/static/default/css/default.css
@@ -6083,6 +6083,9 @@ div.content-normal {
 #sidebar a:active {
   color: #a31304;
 }
+#sidebar a.sidebar-tag {
+  position: relative;
+}
 #sidebar span.sidebar-icon {
   position: relative;
   top: -2px;
@@ -6105,15 +6108,15 @@ div.content-normal {
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
-  position: relative;
 }
 #sidebar span.sidebar-notification {
   float: right;
   padding: .6em;
   font-size: 11px;
   line-height: 11px;
   color: #ffffff;
-  position: relative;
+  position: absolute;
+  right: 0px;
 }
 #sidevar .navigation-on a:hover span.sidebar-notification {
   color: #ffffff !important;

diff --git a/static/default/html/layouts/base.html b/static/default/html/layouts/base.html
@@ -96,9 +96,9 @@
         {% else %}
         <li class="sidebar-tags-draggable {{ navigation_on(result.search_tags, tag.slug) }}" data-tag_name="{{tag.name}}" data-tag_slug="{{tag.slug}}" data-tag_stat_new="{{tag.stats.new}}" data-tag_stat_all="{{tag.stats.all}}">
         {% endif %}
-            <a href="{{tag.url}}" title="{{tag.all}} {{_("emails")}}">
+            <a href="{{tag.url}}" title="{{tag.all}} {{_("emails")}}" class="sidebar-tag">
               <span class="sidebar-icon icon-{{tag.slug}}"></span>
-              {{tag.name}}
+              <span class="sidebar-tag">{{tag.name}}</span>
               {% if tag.stats.new > 0 %}
               <span class="sidebar-notification notification-important">{{ friendly_number(tag.stats.new) }}</span>
               {% endif %}

diff --git a/static/default/less/app-web/sidebar.less b/static/default/less/app-web/sidebar.less
@@ -46,6 +46,10 @@
 
 	#sidebar a:active { color: @red; }	
 
+	#sidebar a.sidebar-tag { 
+	  position: relative;
+  }
+
 	#sidebar span.sidebar-icon {
 	  position: relative;
 	  top: -2px;
@@ -64,7 +68,6 @@
     display: inline-block;
     white-space: nowrap;
     overflow: hidden;
-    position: relative;
 	}
 
   #sidebar span.sidebar-notification {
@@ -73,7 +76,8 @@
     font-size: 11px;
     line-height: 11px;
     color: @white;
-    position: relative;
+    position: absolute;
+    right: 0px;
   }
 
   #sidevar .navigation-on a:hover span.sidebar-notification {