Add unread notifications badge to the navigation bar

2018-09-06 19:17:14 +02:00
parent 0f155af32a
commit 2cdc00bc8b
3 changed files with 28 additions and 1 deletions
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -1121,6 +1121,22 @@
  left: 0;
 }

+.icon-badge-wrapper {
+  position: relative;
+}
+
+.icon-badge {
+  position: absolute;
+  display: block;
+  right: -.25em;
+  top: -.25em;
+  background-color: $ui-highlight-color;
+  border-radius: 50%;
+  font-size: 75%;
+  width: 1em;
+  height: 1em;
+}
+
 ::-webkit-scrollbar-thumb {
  border-radius: 0;
 }