ng-deep 정리중(2차)

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/group.component.scss

@@ -18,7 +18,6 @@
 }
 
 .search-result {
-  //height: calc(100% - 130px);
   overflow: auto;
   .result-num {
     padding: 10px;
@@ -33,10 +32,10 @@
     }
   }
 }
-::ng-deep .mat-tab-body-content {
+/*::ng-deep .mat-tab-body-content {
   height: 100%;
   overflow: unset;
-}
+}*/
 .mat-menu-item {
   display: flex;
   align-items: center;

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/left-sidenav/message.component.scss

@@ -18,7 +18,7 @@
 .message-item {
   cursor: pointer;
 }
-::ng-deep .message-box {
+.message-box {
   position: relative;
   height: 100%;
   .message-section {
@@ -32,9 +32,6 @@
           min-width: 33%;
         }
       }
-      .mat-tab-body-wrapper {
-        height: calc(100% - 50px);
-      }
     }
     .search-sub {
       padding: 0 20px;
@@ -69,3 +66,18 @@
     }
   }
 }
+
+//쪽지 local style
+::ng-deep .message-box {
+  .mat-tab-label {
+    min-width: 33%;
+  }
+  .mat-radio-label {
+    .mat-radio-label-content {
+      padding-left: 4px;
+    }
+  }
+  .mat-tab-body-wrapper {
+    height: calc(100% - 50px);
+  }
+}

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/messages.component.scss

@@ -188,7 +188,7 @@
     }
   }
 }
-//mat-snack-bar
+//mat-snack-bar 공통
 ::ng-deep .cdk-global-overlay-wrapper {
   .mat-snack-bar-container {
     margin: 0;
@@ -229,7 +229,7 @@
   }
 }
 
-::ng-deep .chat-header {
+.chat-header {
   .profile-img {
     .chat-timer {
       .mat-button-wrapper {

projects/ucap-webmessenger-app/src/app/pages/account/components/login.page.component.scss

@@ -327,6 +327,11 @@ $ease-in-out: cubic-bezier(0.785, 0.135, 0.15, 0.86);
   }
 }
 
+.mat-card > .notice {
+  p {
+    margin-bottom: 10px;
+  }
+}
 @media all and (max-width: 1400px) {
   .slider {
     &_content {

projects/ucap-webmessenger-app/src/app/pages/messenger/components/main.page.component.scss

@@ -20,6 +20,8 @@
     .chat-messages {
       width: 100%;
       height: 100%;
+      min-width: 320px;
+      overflow-x: auto;
       font-size: 1em;
 
       .messenger-statusbar-container {

projects/ucap-webmessenger-ui-account/src/lib/components/login.component.scss

@@ -83,7 +83,7 @@ $login-max-height: 800px;
     .submit-button {
       width: 100%;
       margin: 0 auto;
-      margin: 2vh 0 1.6vh;
+      margin: 1.4vh 0;
       display: block;
     }
   }

projects/ucap-webmessenger-ui-chat/src/lib/components/form.component.scss

@@ -60,7 +60,7 @@ textarea[name='message'] {
 ::ng-deep .send-message-button {
   margin-left: 20px;
   @media screen and (max-width: #{$tablet-l-width}), (max-height: 800px) {
-    margin-left: 10px;
+    margin-left: 6px;
   }
   .mat-button-wrapper {
     display: flex;