Support pinning thread messages (media)

src/assets/css/channel.scss

@@ -83,6 +83,10 @@
     .bubble.image-bubble {
         /* full bleed */
         padding: 0 0 0 0;
+        border-radius: 0 !important;
+        .v-image {
+          border-radius: 0 !important;
+        }
     }
     .quick-reaction-container {
       order: 6;
@@ -139,4 +143,55 @@
     white-space: nowrap;
   }
 
+  /* Style file items (i.e. PDF files) */
+  .thumbnail-item.file-item {
+    border: 1px solid black;
+    border-radius: 8px;
+    padding: 15px 40px 15px 60px;
+    align-items: start;
+    position: relative;
+    svg {
+      position: absolute;
+      top: 12px;
+      left: 12px;
+      width: 40px;
+      height: 40px;
+    }
+    &::after {
+      content: " ";
+      background: url("~@/assets/icons/ic_export.svg") no-repeat;
+      background-position: 0 0; 
+      position: absolute;
+      right: 15px;
+      height: 24px;
+      width: 24px;
+      margin: auto 0;
+    }
+  }
+
+  .swipeable-thumbnails-view {
+    margin-left: -15px;
+    margin-right: -15px;
+    .thumbnail-item.file-item {
+      margin: 15px;
+      width: auto;
+    }
+    .indicator-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-top: 12px;
+      .indicator {
+        width: 6px;
+        height: 6px;
+        border-radius: 3px;
+        margin: 0 2.5px;
+        background: #D9D9D9;
+        &.current {
+          background: #1C1C31;
+        }
+      }
+
+    }
+  }
 }

src/assets/icons/ic_export.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M5.55 3H7.25C7.71944 3 8.1 3.38056 8.1 3.85C8.1 4.28591 7.77187 4.64518 7.34913 4.69428L7.25 4.7H5.55C5.11409 4.7 4.75482 5.02813 4.70572 5.45087L4.7 5.55V17.45C4.7 17.8859 5.02813 18.2452 5.45087 18.2943L5.55 18.3H17.45C17.8859 18.3 18.2452 17.9719 18.2943 17.5491L18.3 17.45V15.75C18.3 15.2806 18.6806 14.9 19.15 14.9C19.5859 14.9 19.9452 15.2281 19.9943 15.6509L20 15.75V17.45C20 18.808 18.9384 19.9181 17.5998 19.9957L17.45 20H5.55C4.19197 20 3.08189 18.9384 3.00433 17.5998L3 17.45V5.55C3 4.19197 4.06158 3.08189 5.40017 3.00433L5.55 3ZM19.15 3L19.2188 3.00255L19.3206 3.0172L19.4153 3.04228L19.5097 3.07962L19.5926 3.1241L19.6742 3.18087L19.751 3.24896L19.8331 3.34399L19.894 3.43855L19.9204 3.49037L19.9491 3.5596L19.9695 3.62391L19.9941 3.74962L20 3.85V8.95C20 9.41944 19.6194 9.8 19.15 9.8C18.6806 9.8 18.3 9.41944 18.3 8.95V5.9019L12.951 11.251C12.6446 11.5575 12.1625 11.581 11.829 11.3218L11.749 11.251C11.4425 10.9446 11.419 10.4625 11.6782 10.129L11.749 10.049L17.0964 4.7H14.05C13.5806 4.7 13.2 4.31944 13.2 3.85C13.2 3.38056 13.5806 3 14.05 3H19.15Z" fill="black"/>
+</svg>