From 9ef9208eeac4adefaf2ef5b26f4b978e118ccfe1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABlle=20Morin?= <morin.gaelle@gmail.com>
Date: Tue, 17 Sep 2019 18:09:59 +0200
Subject: [PATCH] ffeature: circle's name displayed

---
 src/page-circle-chat.pug        | 21 +++++++++++++--------
 src/styles/components/chat.scss | 18 ++++++++++++++++--
 2 files changed, 29 insertions(+), 10 deletions(-)

diff --git a/src/page-circle-chat.pug b/src/page-circle-chat.pug
index 3ba8793..6d1df86 100644
--- a/src/page-circle-chat.pug
+++ b/src/page-circle-chat.pug
@@ -1,9 +1,14 @@
-.content-box.with-padding.full-width.chat-view
-  sib-chat(
-    data-authentication='login',
-    data-auto-login='true',
-    data-bosh-service-url=`${xmpp}`,
-    data-debug='false',
-    data-locales-url='en',
+.content-box.full-width
+  sib-display.chat-header(
     bind-resources
-  )
\ No newline at end of file
+    fields='name'
+  )
+  .chat-view
+    sib-chat(
+      data-authentication='login',
+      data-auto-login='true',
+      data-bosh-service-url=`${xmpp}`,
+      data-debug='false',
+      data-locales-url='en',
+      bind-resources
+    )
\ No newline at end of file
diff --git a/src/styles/components/chat.scss b/src/styles/components/chat.scss
index 5ac4192..3683b44 100644
--- a/src/styles/components/chat.scss
+++ b/src/styles/components/chat.scss
@@ -1,9 +1,23 @@
 
 // chat
+.chat-header {
+  
+  div {
+    color: $color-233-18-29;
+    display: flex;
+    flex-direction: column;
+    margin: 3rem;
+    
+    &>:first-child {
+      font-size: 2rem;
+      font-weight: bold;
+    }
+  }
+}
 
 .chat-view {
   padding: 0;
-  height: calc(100vh - 84px);
+  height: calc(100vh - 84px - 83px);
   position: relative;
   overflow: hidden;
 
@@ -13,7 +27,7 @@
     left: 0;
     right: 0;
     bottom: 0;
-    max-height: calc(100vh - 84px);
+    max-height: calc(100vh - 84px - 83px);
     z-index: 0;
   }
 }