about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authorThibaut Girka <thib@sitedethib.com>2018-09-06 19:17:14 +0200
committerThibG <thib@sitedethib.com>2018-09-07 20:37:17 +0200
commit2cdc00bc8b41235b06090d34187ca71b8749aa27 (patch)
tree885179bab4b4f9297e4cfce15cc86f75719471a2 /app/javascript/flavours/glitch/styles
parent0f155af32a330bc8eb79c6e3ccec5331a1e37922 (diff)
Add unread notifications badge to the navigation bar
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/components/index.scss16
1 files changed, 16 insertions, 0 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index 1419888fa..52fe90885 100644
--- 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;
 }