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 a7549f99..a20b9813 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 076235ba..2e2c8164 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 f3fa214d..df634b73 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 bc7b8ec8..8408fdf5 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;
}
--
GitLab