Merge pull request #2113 from annando/1511-manage-notifications

The manage page now shows the notifications

view/templates/manage.tpl

@@ -11,6 +11,7 @@
 			<div class="identity-match-photo" id="identity-match-photo-{{$id.uid}}">
 				<button name="identity" value="{{$id.uid}}" onclick="this.form.submit();" title="{{$id.username}}">
 					<img src="{{$id.thumb}}" alt="{{$id.username}}" />
+					{{if $id.notifications}}<span class="manage-notify">{{$id.notifications}}</span>{{/if}}
 				</button>
 			</div>
 
@@ -22,7 +23,6 @@
 				</div>
 				<div class="identity-match-details" id="identity-match-nick-{{$id.uid}}">({{$id.nickname}})</div>
 			</div>
-
 			<div class="identity-match-end"></div>
 		</div>
 	{{/foreach}}

view/theme/duepuntozero/style.css

@@ -3338,6 +3338,17 @@ div.jGrowl div.info {
 }
 
 /* notifications popup menu */
+.manage-notify {
+  font-size: 10px;
+  padding: 1px 3px;
+  top: 0px;
+  min-width: 15px;
+  text-align: center;
+  float: right;
+  margin-top: -14px;
+  margin-right: -20px;
+}
+
 .nav-notify {
 	display: none;
 	position: absolute;

view/theme/frost/style.css

@@ -4062,6 +4062,22 @@ div.jGrowl-notification {
 }
 
 /* notifications popup menu */
+.manage-notify {
+	padding: 1px 3px;
+	top: 0px;
+	min-width: 15px;
+	text-align: center;
+	float: right;
+	margin-top: -14px;
+	margin-right: -20px;
+
+	font-size: 0.8em;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	background-color: gold !important;
+}
+
 .nav-notify {
 	display: none;
 	position: absolute;

view/theme/smoothly/style.css

@@ -4243,6 +4243,17 @@ a.active {
 }
 
 /* notifications popup menu */
+.manage-notify {
+	font-size: 10px;
+	padding: 1px 3px;
+	top: 0px;
+	min-width: 15px;
+	text-align: center;
+	float: right;
+	margin-top: -14px;
+	margin-right: -20px;
+}
+
 .nav-notify {
 	display: none;
 	position: absolute;

view/theme/vier/plus.css

@@ -17,6 +17,12 @@ nav a:hover,
   color: #000;
 }
 
+.manage-notify {
+  background-color: #CB4437;
+  border-radius: 10px;
+  font: bold 11px/16px Arial;
+}
+
 nav .nav-notify {
 /*  background-color: #427FED; */
   background-color: #CB4437;

view/theme/vier/style.css

@@ -667,6 +667,7 @@ nav .nav-menu img {
   margin-top: -3px;
   margin-right: 4px;
 }
+
 nav .nav-menu-icon .nav-notify {
   top: 3px;
 }
@@ -701,6 +702,23 @@ nav .nav-menu:hover {
 /*    background: #4c619c; */
     text-decoration: none;
 }
+
+.manage-notify {
+   background-color: #F80;
+  -moz-border-radius: 5px 5px 5px 5px;
+  -webkit-border-radius: 5px 5px 5px 5px;
+  border-radius: 5px 5px 5px 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  top: 0px;
+  min-width: 15px;
+  text-align: center;
+  color: white;
+  float: right;
+  margin-top: -14px;
+  margin-right: -20px;
+}
+
 nav .nav-notify {
   display: none;
   position: absolute;
@@ -720,6 +738,7 @@ nav .nav-notify {
   text-align: center;
   color: white;
 }
+
 nav .nav-notify.show {
   display: block;
 }