From d01e288c3140afe96203d5fae94083c042d52449 Mon Sep 17 00:00:00 2001
From: Gaelle Morin <morin.gaelle@gmail.com>
Date: Thu, 6 Dec 2018 19:47:32 +0100
Subject: [PATCH] notification on bell added

---
 src/header.pug         |  2 ++
 src/styles/header.scss |  7 +++++++
 src/styles/main.scss   | 23 +++++++++++++++++++++++
 src/styles/menu.scss   |  4 ++--
 4 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/header.pug b/src/header.pug
index a7549f9..a20b981 100644
--- a/src/header.pug
+++ b/src/header.pug
@@ -10,6 +10,8 @@
 
 details
   summary#notifications-button
+    div.menu-notification
+      div 7
   #notifications
     include page-notifications.pug
 
diff --git a/src/styles/header.scss b/src/styles/header.scss
index 076235b..2e2c816 100644
--- a/src/styles/header.scss
+++ b/src/styles/header.scss
@@ -37,6 +37,13 @@
   font-size: 2em;
   cursor: pointer;
   list-style-type: none;
+  position: relative;
+
+  .menu-notification {
+    position: absolute;
+    top: -3px;
+    left: 3px;
+  }
 }
 
 #notifications {
diff --git a/src/styles/main.scss b/src/styles/main.scss
index f3fa214..df634b7 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -140,6 +140,29 @@ h4 {
 }
 */
 
+.menu-notification {
+  //flex-basis: 3em;
+  width: 2em;
+  flex-shrink: 0;
+  flex-grow: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  > div {
+    color: $color-black;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 1.7em;
+    height: 1.7em;
+    border-radius: 100%;
+    background-color: $color-yellow-light;
+    font-size: 12px;
+  }
+}
+
 .layer {
   position: absolute;
   bottom: 0;
diff --git a/src/styles/menu.scss b/src/styles/menu.scss
index bc7b8ec..8408fdf 100644
--- a/src/styles/menu.scss
+++ b/src/styles/menu.scss
@@ -149,7 +149,7 @@ sib-router {
       letter-spacing: 0.17px;
       font-size: 16px;
     }
-
+/*
     .menu-notification {
       //flex-basis: 3em;
       width: 2em;
@@ -172,7 +172,7 @@ sib-router {
         font-size: 12px;
       }
     }
-
+*/
     &[id-prefix] {
       display: none;
     }