From 56d9c7fe8d0ddd9d843a271adf3ff31da22f73f9 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Sun, 29 Mar 2020 15:34:55 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8A=A4=ED=8B=B0=EC=BB=A4=20label=20=EC=B5=9C?=
 =?UTF-8?q?=EC=86=8C=ED=99=94=EC=9D=BC=EB=95=8C=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EC=A6=88=20=EC=A1=B0=EC=A0=95,=20viewer=20=EC=A0=80=EC=9E=A5,?=
 =?UTF-8?q?=20=EB=8B=A4=EB=A5=B8=EC=9D=B4=EB=A6=84=20=EC=A0=80=EC=9E=A5=20?=
 =?UTF-8?q?svg=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../message-detail.dialog.component.scss      |  1 +
 .../file-viewer/binary-viewer.component.html  | 36 +++++++++---------
 .../file-viewer/sound-viewer.component.html   | 37 +++++++++----------
 .../file-viewer/video-viewer.component.html   | 37 +++++++++----------
 .../sticker-selector.component.scss           |  3 ++
 5 files changed, 55 insertions(+), 59 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
index bd6d0c80..08f3692c 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/message/message-detail.dialog.component.scss
@@ -48,6 +48,7 @@
 .message-container {
   background-color: #ffffff !important;
   .message-info {
+    height: 100%;
     /*.profile {
       display: flex;
       flex-flow: row;
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/binary-viewer.component.html b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/binary-viewer.component.html
index cda93e72..bc20bc23 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/binary-viewer.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/binary-viewer.component.html
@@ -30,18 +30,15 @@
     >
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        viewBox="0 0 20 19.01"
+        width="20"
+        height="20"
+        fill="currentColor"
       >
-        <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+        <polygon
+          points="12.01 9 11.96 0 7.96 0.02 8.01 9.02 3.01 9.05 10.04 15.01 17.01 8.97 12.01 9"
         />
+        <rect y="17.01" width="20" height="2" />
       </svg>
     </button>
     <button
@@ -52,21 +49,22 @@
       aria-label=""
       (click)="onClickSaveAs()"
     >
-      <!--<mat-icon>get_app</mat-icon>-->
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
         viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        width="24"
+        height="24"
+        fill="currentColor"
       >
         <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+          d="M10.2,18.6l0.7,2.9l2.9-0.7l6.3-10.6l-3.5-2.2L10.2,18.6z M21.4,6.4L19.3,5c-0.2-0.1-0.4-0.1-0.6-0.1
+                      c-0.2,0-0.3,0.2-0.5,0.3l-1,1.7l3.5,2.2l1.1-1.8C22,7,21.9,6.6,21.4,6.4z"
         />
+        <g>
+          <polygon class="st0" points="7.1,15.4 12.9,10.4 1.4,10.4 	" />
+          <rect x="5.5" y="2.9" class="st0" width="3.3" height="7.5" />
+        </g>
+        <rect x="1.4" y="16.6" class="st0" width="8.2" height="2" />
       </svg>
     </button>
     <span class="stroke-bar"></span>
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/sound-viewer.component.html b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/sound-viewer.component.html
index c32b0ffd..3816fb90 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/sound-viewer.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/sound-viewer.component.html
@@ -11,21 +11,17 @@
       aria-label=""
       (click)="onClickDownload()"
     >
-      <!--<mat-icon>get_app</mat-icon>-->
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        viewBox="0 0 20 19.01"
+        width="20"
+        height="20"
+        fill="currentColor"
       >
-        <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+        <polygon
+          points="12.01 9 11.96 0 7.96 0.02 8.01 9.02 3.01 9.05 10.04 15.01 17.01 8.97 12.01 9"
         />
+        <rect y="17.01" width="20" height="2" />
       </svg>
     </button>
     <button
@@ -36,21 +32,22 @@
       aria-label=""
       (click)="onClickSaveAs()"
     >
-      <!--<mat-icon>get_app</mat-icon>-->
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
         viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        width="24"
+        height="24"
+        fill="currentColor"
       >
         <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+          d="M10.2,18.6l0.7,2.9l2.9-0.7l6.3-10.6l-3.5-2.2L10.2,18.6z M21.4,6.4L19.3,5c-0.2-0.1-0.4-0.1-0.6-0.1
+                c-0.2,0-0.3,0.2-0.5,0.3l-1,1.7l3.5,2.2l1.1-1.8C22,7,21.9,6.6,21.4,6.4z"
         />
+        <g>
+          <polygon class="st0" points="7.1,15.4 12.9,10.4 1.4,10.4 	" />
+          <rect x="5.5" y="2.9" class="st0" width="3.3" height="7.5" />
+        </g>
+        <rect x="1.4" y="16.6" class="st0" width="8.2" height="2" />
       </svg>
     </button>
     <span class="stroke-bar"></span>
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/video-viewer.component.html b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/video-viewer.component.html
index 07d833f1..b921cf57 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/video-viewer.component.html
+++ b/projects/ucap-webmessenger-ui/src/lib/components/file-viewer/video-viewer.component.html
@@ -32,21 +32,17 @@
       aria-label=""
       (click)="onClickDownload()"
     >
-      <!--<mat-icon>get_app</mat-icon>-->
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
-        viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        viewBox="0 0 20 19.01"
+        width="20"
+        height="20"
+        fill="currentColor"
       >
-        <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+        <polygon
+          points="12.01 9 11.96 0 7.96 0.02 8.01 9.02 3.01 9.05 10.04 15.01 17.01 8.97 12.01 9"
         />
+        <rect y="17.01" width="20" height="2" />
       </svg>
     </button>
     <button
@@ -57,21 +53,22 @@
       aria-label=""
       (click)="onClickSaveAs()"
     >
-      <!--<mat-icon>get_app</mat-icon>-->
       <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="21"
-        height="21"
         viewBox="0 0 24 24"
-        fill="none"
-        stroke="currentColor"
-        stroke-width="2"
-        stroke-linecap="butt"
-        stroke-linejoin="round"
+        width="24"
+        height="24"
+        fill="currentColor"
       >
         <path
-          d="M3 15v4c0 1.1.9 2 2 2h14a2 2 0 0 0 2-2v-4M17 9l-5 5-5-5M12 12.8V2.5"
+          d="M10.2,18.6l0.7,2.9l2.9-0.7l6.3-10.6l-3.5-2.2L10.2,18.6z M21.4,6.4L19.3,5c-0.2-0.1-0.4-0.1-0.6-0.1
+                c-0.2,0-0.3,0.2-0.5,0.3l-1,1.7l3.5,2.2l1.1-1.8C22,7,21.9,6.6,21.4,6.4z"
         />
+        <g>
+          <polygon class="st0" points="7.1,15.4 12.9,10.4 1.4,10.4 	" />
+          <rect x="5.5" y="2.9" class="st0" width="3.3" height="7.5" />
+        </g>
+        <rect x="1.4" y="16.6" class="st0" width="8.2" height="2" />
       </svg>
     </button>
     <span class="stroke-bar"></span>
diff --git a/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss b/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss
index 931cda80..d9361db7 100644
--- a/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss
+++ b/projects/ucap-webmessenger-ui/src/lib/components/sticker-selector.component.scss
@@ -8,6 +8,9 @@ $tablet-s-width: 768px;
     .mat-tab-label {
       //padding: 0 10px;
       min-width: 16%;
+      @media screen and (max-width: #{$tablet-s-width}) {
+        padding: 0 10px;
+      }
     }
   }
   .mat-tab-body-wrapper {