From 0596c7e68d2940ae6f45c78ba490d57fd5bf2130 Mon Sep 17 00:00:00 2001
From: khk <khk@gmail.com>
Date: Thu, 6 Feb 2020 14:40:06 +0900
Subject: [PATCH] =?UTF-8?q?snackbar=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        | 29 +++++++++++++++++--
 .../components/login.page.component.scss      | 11 ++++++-
 .../src/assets/scss/global/_default.scss      |  6 ++++
 3 files changed, 42 insertions(+), 4 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 cc7b7a67..1960830b 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
@@ -173,19 +173,42 @@
     }
   }
 }
-
+//mat-snack-bar
 ::ng-deep .cdk-global-overlay-wrapper {
   .mat-snack-bar-container {
     margin: 0;
     padding: 30px;
+    max-width: 60vw;
     .mat-simple-snackbar {
+      display: flex;
       justify-content: center;
       span {
-        @include ellipsis(1);
-        padding: 10px 40px;
+        @include ellipsis(3);
+        display: inline-block;
+        padding: 7px 20px;
         border: 1px solid #ffffff;
         background-color: rgb(255, 255, 255, 0.2);
         color: #ffffff;
+        margin-right: 4px;
+        flex: 1 1 auto;
+        max-width: 40vw;
+      }
+      &-action {
+        display: inline-flex;
+        margin-left: auto;
+        flex: 0 0 auto;
+        height: 100%;
+        button {
+          //background-color: #00b6d5;
+          border-radius: 2px;
+          span {
+            padding: 0 20px;
+            color: #ffffff;
+            background: none;
+            border: none;
+            font-weight: 500;
+          }
+        }
       }
     }
   }
diff --git a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
index b1617f40..0860127b 100644
--- a/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss
@@ -90,7 +90,7 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
     background-size: auto 133.3333%;
     background-position: center;
     background-repeat: none;
-    transform: scale(0.70);
+    transform: scale(0.7);
     transition: transform $time/4 $ease-in-out, box-shadow $time/4 $ease-in-out,
       opacity $time/4 step-end;
     opacity: 0;
@@ -327,6 +327,15 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
   }
 }
 
+.mat-card-content {
+  .notice {
+    p {
+      line-height: 1.4em;
+      margin-bottom: 10px;
+    }
+  }
+}
+
 @media all and (max-width: 1400px) {
   .slider {
     &_content {
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 bb7e0219..4279bbae 100644
--- a/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
+++ b/projects/ucap-webmessenger-app/src/assets/scss/global/_default.scss
@@ -446,6 +446,12 @@ $daesang-grey: (
   .list-item {
     &.selected {
       background-color: mat-color($accent, 100);
+      border-right: 2px solid mat-color($accent, 800);
+    }
+  }
+  .mat-simple-snackbar-action {
+    button {
+      background-color: mat-color($accent, 500);
     }
   }
 }