notifications counter

10 years ago · 7a2fe2cb3f
parent 01265bd152
commit 7a2fe2cb3f
2 changed files with 18 additions and 1 deletions
--- a/less/mobile.less
+++ b/less/mobile.less
@ -73,6 +73,20 @@
 				}
 			}
 		}
+
+		.notification-icon {
+			&:after {
+				left: 5px;
+				top: -1px;
+				padding: 3px 7px;
+				background: #333;
+				border: 1px solid #222;
+			}
+
+			&:before {
+				display: none;
+			}
+		}
 	}

 	.menu-header-title {
--- a/templates/header.tpl
+++ b/templates/header.tpl
@ -56,7 +56,10 @@
 		</section>

 		<section class="menu-section" data-section="notifications">
-			<h3 class="menu-section-title">[[global:header.notifications]]</h3>
+			<h3 class="menu-section-title">
+				[[global:header.notifications]]
+				<span class="notification-icon" data-content="0"></span>
+			</h3>
 			<ul class="menu-section-list"></ul>
 		</section>