From 1ce47b03dd6685ab1b566604d5e65084a716d78f Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 29 Jun 2020 11:15:31 +0200
Subject: [PATCH] feature: notification responsive

---
 src/styles/base/header.scss | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index 726a564..79991f0 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -122,7 +122,6 @@ solid-notifications {
       overflow: auto;
       -webkit-overflow-scrolling: touch;
       -ms-overflow-style: none;
-
       scrollbar-width: thin;
       scrollbar-color: var(--color-notification-scrollbar-track) var(--color-notification-scrollbar-background);
 
@@ -173,12 +172,24 @@ solid-notifications {
               font-size: 1.2rem;
               line-height: 1.7rem;
               margin: 1.1rem 0 0;
+
+              @include breakpoint(320px, 388px) {
+                max-width: 226px;
+              }
+
+              @include breakpoint(lg) {
+                max-width: 256px;
+              }
             }
 
             .solid-notification__date {
               display: none;
             }
           }
+
+          .solid-notification__read {
+            display: none;
+          }
         }
       }
     }