package-lock.json

@@ -1615,15 +1615,10 @@
         "physical-cpu-count": "^2.0.0"
       }
     },
-    "@startinblox/hubl-styling-framework": {
-      "version": "1.9.8",
-      "resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.9.8.tgz",
-      "integrity": "sha512-MLKE/4sr74yETmWEgLi7vOLyUiF8znXzqsr8qh7qRuInh3nhm2b09KmvLMY1FY/qTBc/dXP0gH4aibI2BRwFLA=="
-    },
     "@startinblox/orbit-styling-framework": {
-      "version": "1.9.9",
-      "resolved": "https://registry.npmjs.org/@startinblox/orbit-styling-framework/-/orbit-styling-framework-1.9.9.tgz",
-      "integrity": "sha512-Y57drIGwsKwEHUOvoZEuJGP9mW58r0BBHgAaJZfzbFXfAKGEu9U2fPBFzQneApDBotBo+6IWmrfCTQz3uo4weQ=="
+      "version": "1.9.10",
+      "resolved": "https://registry.npmjs.org/@startinblox/orbit-styling-framework/-/orbit-styling-framework-1.9.10.tgz",
+      "integrity": "sha512-cRo8xUhIZqk4Op+2RjnR7NIc2NZaGhIQRt90LkhnroNJk4D7SwEgA5bZfk/EgCOO/UVRRb0Rm7Nx2wW03AMOiw=="
     },
     "@types/node": {
       "version": "14.17.3",

package.json

@@ -57,8 +57,7 @@
     "clearDist": false
   },
   "dependencies": {
-    "@startinblox/hubl-styling-framework": "^1.9.8",
-    "@startinblox/orbit-styling-framework": "^1.9.9",
+    "@startinblox/orbit-styling-framework": "^1.9.10",
     "cross-env": "^7.0.3",
     "fs-extra": "^10.0.0",
     "normalize.css": "^8.0.1",

src/orbit-dependencies.pug

@@ -17,7 +17,7 @@ if componentSet.has("autoLogin") || componentSet.has("registering")
   //- script(type="module" src="/lib/sib-auth/index.js" defer)
 
 if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("projects")
-  script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.2" defer)
+  script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.3" defer)
   //- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer)
 
 if componentSet.has("communities")

src/styles/chat/_index.scss

@@ -5,3 +5,42 @@
     height: calc(100vh - 50px - 68px);
   }
 }
+
+#messages {
+
+  @media (max-width: 768px) {
+
+    height: calc(100vh - 50px - 58px);
+
+    .messages-header {
+      display: flex;
+    }
+
+    solid-set-default[name="segment2"] {
+      font-size: 14px;
+      line-height: 16px;
+      width: 75%;
+    }
+
+    orbit-user-avatar {
+      height: 31px;
+      width: 31px;
+    }
+
+    solid-display-value[name="name"] {
+      display: block;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 210px;
+    }
+
+    solid-display-value[name="hyphen"] {
+        display: none;
+    }
+
+    solid-link {
+      vertical-align: super;
+    }
+  }
+}

src/styles/left-nav/_index.scss

@@ -225,9 +225,6 @@ nav#main__menu {
 
     orbit-menu-contact-removed {
       display: none;
-      button {
-        visibility: hidden;
-      }
     }
 
     &:hover {
@@ -253,7 +250,7 @@ nav#main__menu {
         position: relative;
         top: -28px;
         display: block;
-        left: calc(100% - 47px);
+        left: calc(100% - 44px);
         padding-top: 5px;
 
         button {
@@ -263,6 +260,9 @@ nav#main__menu {
             font-size: 18px;
             color: white;
             visibility: visible;
+            position: relative;
+            bottom: 1px;
+            margin-left: 6px;
           }
         }
       }

src/views/page-messages.pug

-div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white
+div.segment.full.padding-top-small.padding-right-large.padding-bottom-small.padding-left-large.sm-padding-xxsmall.border-bottom.border-color-grey.whitespace-normal.bg-color-white.message-header
   solid-display.labelled-avatar.small(
     bind-resources
     fields='segment1(account.picture), segment2(name, hyphen, at, username)'

src/views/partials/notifications.pug

@@ -2,4 +2,5 @@
 
 include notifications/message-circle.pug
 include notifications/message-project.pug
-include notifications/message-private.pug
\ No newline at end of file
+include notifications/message-private.pug
+include notifications/message-poll.pug

src/views/partials/notifications/message-poll.pug

+solid-notifications-template(data-rdf-type='sib:poll')
+  template
+    .solid-notification__avatar
+      | ${await author['account.picture'] ? `<img src="${await author['account.picture']}" style="max-width:100%; max-height: 100%;" />` : `<img src="/images/alien.webp" />`}
+    .solid-notification__content
+      .solid-notification__title ${await author.name}
+      p.solid-notification__summary ${summary}

src/views/partials/widgets/orbit-menu-contact-removed.pug

 if componentSet.has('chat')
   solid-widget(name='orbit-menu-contact-removed')
     template ${value != "" ? `
-      <solid-delete class="menu-delete-button button-remove icon children-icon-close" data-src='${value}' data-label="" confirmation-type="confirm" confirmation-message="Vous êtes sur le point de retirer ce contact. Etes-vous sûr ?" confirmation-submit-text="Oui, valider" confirmation-cancel-text="Non, c'est une erreur" confirmation-submit-class="segment sm-full text-center button text-xsmall text-bold text-uppercase reversed color-secondary bordered padding-right-medium padding-left-medium margin-right-xsmall sm-margin-right-none sm-margin-bottom-medium" confirmation-cancel-class="segment sm-full text-center button text-xsmall text-bold text-uppercase color-secondary bordered padding-right-medium padding-left-medium margin-left-xsmall sm-margin-left-none"></solid-delete>` : ""}
+      <solid-delete class="menu-delete-button button-remove icon children-icon-close" data-src='${value}' data-label="d" confirmation-type="confirm" confirmation-message="Vous êtes sur le point de retirer ce contact. Etes-vous sûr ?" confirmation-submit-text="Oui, valider" confirmation-cancel-text="Non, c'est une erreur" confirmation-submit-class="segment sm-full text-center button text-xsmall text-bold text-uppercase reversed color-secondary bordered padding-right-medium padding-left-medium margin-right-xsmall sm-margin-right-none sm-margin-bottom-medium" confirmation-cancel-class="segment sm-full text-center button text-xsmall text-bold text-uppercase color-secondary bordered padding-right-medium padding-left-medium margin-left-xsmall sm-margin-left-none"></solid-delete>` : ""}
       //- Fix: using type confirm, dialog is not available on Firefox, polyfill only works if dialog is a direct child of body
\ No newline at end of file