Merge branch 'jbpasquier/badge-notifications' into 'staging'

feature: sib-badge for users messages See merge request startinblox/applications/sib-app!43
2019-06-05 11:51:24 +00:00
parent 63807e9a6d f8c62adfe9
commit 6ba87b0d27
2 changed files with 41 additions and 10 deletions
--- a/src/styles/base/menu-left.scss
+++ b/src/styles/base/menu-left.scss
@ -109,7 +109,33 @@
          }
        }
      }
-    }
+
+      &.menu-notification {
+        > sib-display > div > sib-display > div {
+            display: flex;
+            sib-display-div {
+              flex: 3;
+            }
+            hd-counter {
+              height: 20px;
+              width: 20px;
+              margin-right: 1em;
+              div:not(:empty) {
+                text-align: center;
+                display: block;
+                background-color: var(--sib-notifications-theme, gray);
+                border-radius: 50%;
+                font-size: 12px;
+                line-height: 20px;
+                width: 20px;
+                height: 20px;
+                padding-bottom: 0;
+                color: $color-216-4-22;
+              }
+            }
+          }
+        }
+      }

    .divider {
      height: 1px;