From 58e2f3b2ea5ff8929812cd2ac314a1a27f99fd1f Mon Sep 17 00:00:00 2001
From: gaelle morin <gmorin.dev@gmail.com>
Date: Mon, 8 Jun 2020 15:50:42 +0200
Subject: [PATCH] update: user's panel responsive + height of chat view

---
 src/styles/base/header.scss     | 5 +++--
 src/styles/components/chat.scss | 7 +++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/styles/base/header.scss b/src/styles/base/header.scss
index c793d44..f968b66 100644
--- a/src/styles/base/header.scss
+++ b/src/styles/base/header.scss
@@ -157,6 +157,7 @@ sib-notifications {
       sib-display-value[name='first_name'] {
         @include icon('arrow-down');
         align-items: center;
+        display: none;
         flex-direction: row-reverse;
         font-size: 1.8rem;
         font-weight: 600;
@@ -165,8 +166,8 @@ sib-notifications {
           margin-left: 1.5rem;
         }
 
-        @include breakpoint(sm) {
-          display: none;
+        @include breakpoint(lg) {
+          display: flex;
         }
       }
     }
diff --git a/src/styles/components/chat.scss b/src/styles/components/chat.scss
index 1004736..caf72c1 100644
--- a/src/styles/components/chat.scss
+++ b/src/styles/components/chat.scss
@@ -1,16 +1,19 @@
 .chat-view {
   padding: 0;
-  height: calc(100vh - 84px - 83px);
+  height: calc(100vh - 50px - 56px); /* Header's and subheader's height on mobile */
   position: relative;
   overflow: hidden;
 
+  @include breakpoint(lg) {
+    height: calc(100vh - 84px - 83px); /* Header's and subheader's height on mobile */
+  }
+
   > sib-chat {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
-    max-height: calc(100vh - 84px - 83px);
     z-index: 0;
   }
 }