From d4a5f2b3355fac390ee84f857645a433f1e3a9ad Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Wed, 5 Feb 2020 16:39:39 +0900
Subject: [PATCH] =?UTF-8?q?=EB=A9=94=EC=8B=9C=EC=A7=80=20=EA=B0=80?=
 =?UTF-8?q?=EC=8B=9C=EC=84=B1=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/messages.component.scss         | 18 +++++++++++++-----
 .../src/assets/scss/global/_default.scss       | 13 ++-----------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
index 555bb867..cc7b7a67 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss
@@ -174,11 +174,19 @@
   }
 }
 
-::ng-deep .chat-snackbar-class {
-  .mat-simple-snackbar {
-    justify-content: center;
-    span {
-      @include ellipsis(1);
+::ng-deep .cdk-global-overlay-wrapper {
+  .mat-snack-bar-container {
+    margin: 0;
+    padding: 30px;
+    .mat-simple-snackbar {
+      justify-content: center;
+      span {
+        @include ellipsis(1);
+        padding: 10px 40px;
+        border: 1px solid #ffffff;
+        background-color: rgb(255, 255, 255, 0.2);
+        color: #ffffff;
+      }
     }
   }
 }
diff --git a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
index 1bc5df8a..bb7e0219 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -275,15 +275,6 @@ $daesang-grey: (
     cursor: pointer;
   }
 
-  //snackbar
-  .cdk-global-overlay-wrapper {
-    align-items: center !important;
-    justify-content: center !important;
-    .mat-simple-snackbar {
-      justify-content: center;
-    }
-  }
-
   .policy {
     color: mat-color($accent, B100);
   }
@@ -452,8 +443,8 @@ $daesang-grey: (
   .mat-calendar-body-selected {
     background-color: mat-color($accent);
   }
-  .list-item{
-    &.selected{
+  .list-item {
+    &.selected {
       background-color: mat-color($accent, 100);
     }
   }