quattro: style managed unread notification

diff --git a/view/theme/quattro/dark/style.css b/view/theme/quattro/dark/style.css
index c5f695679e21ae9a4bb6aa47327c5a71b27b0a53..1b021687cde8002201ef2798b673910129faeb83 100644 (file)
--- a/view/theme/quattro/dark/style.css
+++ b/view/theme/quattro/dark/style.css
@@ -2113,6 +2113,22 @@ ul.tabs li .active {
   width: 50px;
   float: left;
 }
+/* manage page */
+.identity-match-photo {
+  position: relative;
+}
+.identity-match-photo .manage-notify {
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  position: absolute;
+  right: 10px;
+  top: -5px;
+  color: #ffffff;
+}
 /* videos page */
 .videos .video-top-wrapper {
   width: 200px;

diff --git a/view/theme/quattro/green/style.css b/view/theme/quattro/green/style.css
index aaca41312b21677d7294cab82081a3fab26e90a9..4c50fb35fac1f99b98a3fe2089c1061892399ea2 100644 (file)
--- a/view/theme/quattro/green/style.css
+++ b/view/theme/quattro/green/style.css
@@ -2113,6 +2113,22 @@ ul.tabs li .active {
   width: 50px;
   float: left;
 }
+/* manage page */
+.identity-match-photo {
+  position: relative;
+}
+.identity-match-photo .manage-notify {
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  position: absolute;
+  right: 10px;
+  top: -5px;
+  color: #ffffff;
+}
 /* videos page */
 .videos .video-top-wrapper {
   width: 200px;

diff --git a/view/theme/quattro/lilac/style.css b/view/theme/quattro/lilac/style.css
index 5801644952992a74f904c443a976db159429e93d..7fb505dec565b8bff50c4068ef8f0895caa8c6fa 100644 (file)
--- a/view/theme/quattro/lilac/style.css
+++ b/view/theme/quattro/lilac/style.css
@@ -2113,6 +2113,22 @@ ul.tabs li .active {
   width: 50px;
   float: left;
 }
+/* manage page */
+.identity-match-photo {
+  position: relative;
+}
+.identity-match-photo .manage-notify {
+  background-color: #19AEFF;
+  border-radius: 5px;
+  font-size: 10px;
+  padding: 1px 3px;
+  min-width: 15px;
+  text-align: right;
+  position: absolute;
+  right: 10px;
+  top: -5px;
+  color: #ffffff;
+}
 /* videos page */
 .videos .video-top-wrapper {
   width: 200px;

diff --git a/view/theme/quattro/quattro.less b/view/theme/quattro/quattro.less
index abbf447cbb7b8a7ea593a1ae4be8cadd5438992b..d47263b500f093feed356946f3298d6549e5df57 100644 (file)
--- a/view/theme/quattro/quattro.less
+++ b/view/theme/quattro/quattro.less
@@ -1404,6 +1404,24 @@ ul.tabs {
        width: 50px; float: left;
 }
 
+/* manage page */
+.identity-match-photo {
+       position: relative;
+       .manage-notify {
+               background-color: #19AEFF;
+               border-radius: 5px;
+               font-size: 10px;
+               padding: 1px 3px;
+               min-width: 15px;
+               text-align: right;
+               position: absolute;
+               right: 10px;
+               top: -5px;
+               color: rgb(255, 255, 255);
+       }
+}
+
+
 /* videos page */
 .videos {
        .video-top-wrapper {