fix chat

src/dependencies.pug

@@ -30,7 +30,7 @@ link(href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,6
 //- local
 link(rel='import', href='/lib/sib-core/sib-display.html')
 link(rel='import', href='/lib/sib-router/sib-router.html')
-//- link(rel='import', href='/lib/sib-chat/sib-chat.html')
+link(rel='import', href='/lib/sib-chat/sib-chat.html')
 
 //- cdn
   link(rel='import', href="https://cdn.happy-dev.fr/sib-core/sib-display.html")

src/page-member.pug

@@ -8,10 +8,10 @@ sib-router#member-router(default-route='member-chat')
     div Éditer
 #member-views-container
   sib-trigger(next="members" class="back") Back to directory
-  .limiter
+  div
     #member-chat
       include page-member-chat.pug
-    #member-profile
+    #member-profile.limiter
       include page-member-profile.pug
     #member-edit
       include page-member-edit.pug

src/page-members.pug

@@ -65,7 +65,7 @@ div
     widget-cell='hdapp-usercell',
     widget-roles='sib-display-lookuplist',
     widget-skills='sib-display-lookuplist',
-    set-searchset='user.first_name, user.last_name',
+    set-searchset='pseudo',
     search-fields='searchset',
     next='member'
   )

src/scripts/index.js

@@ -11,4 +11,16 @@ document.addEventListener('DOMContentLoaded', function(event) {
   window.addEventListener('click', e => {
     navBar.classList.remove('open');
   });
+
+  function resize() {
+    setTimeout(()=>
+    Array.from(document.querySelectorAll('.chat-view')).forEach(elm => {
+      elm.style.setProperty('--pos-top', elm.offsetTop + 'px');
+    }));
+  }
+  window.addEventListener('resize', resize);
+  window.addEventListener('navigate', resize);
+  document.addEventListener('load', resize);
+  document.addEventListener('WebComponentsReady', resize);
+  resize();
 });

src/styles/content.scss

@@ -52,9 +52,11 @@ sib-display-lookuplist[name='skills'] {
 
 .chat-view {
   padding: 1em;
-  border: 1px dashed green;
   position: relative;
-  min-height: 300px;
+  background-color: #fff;
+  @extend %shadow;
+  height: calc(100vh - 143px - 5em);
+  height: calc(100vh - var(--pos-top, 143px) - 5em);
   > sib-chat {
     @include pos();
   }

src/styles/main.scss

@@ -24,6 +24,7 @@ h5,
 h6 {
   color: $color-black;
   font-weight: 600;
+  padding: 0;
   margin: 0.67em 0;
   span {
     font-weight: 400;
@@ -97,7 +98,6 @@ h3 {
 
 #subContainer {
   display: flex;
-  min-height: 100%;
 }
 
 #mainContainer {

src/styles/menu.scss

@@ -5,10 +5,8 @@
   background-color: $color-white;
   color: $color-grey;
   max-width: 16rem;
-  position: sticky;
-  top: 0;
-  height: 100%;
-  max-height: 100vh;
+  position: relative;
+  min-height: 100%;
   &.open {
     transform: translateX(0);
   }