From 9321688bc4ba78f807bbd61aab0580269c0f3338 Mon Sep 17 00:00:00 2001
From: Richard Park <richard.park@loafle.com>
Date: Fri, 22 Nov 2019 09:53:11 +0900
Subject: [PATCH] bug fixed

---
 .../messenger-settings.dialog.component.scss  | 83 +++++++++----------
 1 file changed, 37 insertions(+), 46 deletions(-)

diff --git a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
index 453eaae6..11a27ce9 100644
--- a/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
+++ b/projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/settings/messenger-settings.dialog.component.scss
@@ -1,12 +1,6 @@
-::ng-deep .cdk-overlay-pane {
-  width: 600px;
-  max-height: 90%;
-  height:800px;
-}
-
-::ng-deep .setting-frame{
+::ng-deep .setting-frame {
   padding: 16px;
-  height:100%;
+  height: 100%;
   min-width: 500px;
   position: relative;
 
@@ -17,7 +11,7 @@
   .mat-card-header {
     position: relative;
     width: 100%;
-    border-bottom:1px solid #dddddd;
+    border-bottom: 1px solid #dddddd;
     margin-bottom: 12px;
   }
 
@@ -26,17 +20,16 @@
     display: flex;
     align-items: flex-start;
     height: calc(100% - 100px);
-    border-bottom:1px solid #dddddd;
-    .setting-tab{
+    border-bottom: 1px solid #dddddd;
+    .setting-tab {
       position: relative;
-      width:100%;
-      height:100%;
-      .mat-tab-body-wrapper{
-        border-left:1px solid #dddddd;
+      width: 100%;
+      height: 100%;
+      .mat-tab-body-wrapper {
+        border-left: 1px solid #dddddd;
         position: relative;
-        height:100%;
+        height: 100%;
         padding: 0 0 10px 10px;
-
       }
     }
   }
@@ -52,49 +45,47 @@
   }
 }
 
-::ng-deep .setting-tab{
-  .mat-tab-group{
+::ng-deep .setting-tab {
+  .mat-tab-group {
     position: relative;
-    height:100%;
-    width:100%;
-    .mat-tab-header{
-      .mat-tab-label-container{
-        .mat-tab-list{
-          .mat-tab-labels{
-            border-bottom:0;
-            padding-right:10px;
-            .mat-tab-label{
-              padding:0 10px;
+    height: 100%;
+    width: 100%;
+    .mat-tab-header {
+      .mat-tab-label-container {
+        .mat-tab-list {
+          .mat-tab-labels {
+            border-bottom: 0;
+            padding-right: 10px;
+            .mat-tab-label {
+              padding: 0 10px;
             }
           }
         }
       }
     }
 
-    .mat-tab-body-wrapper{
-      .mat-tab-body{
-        .mat-tab-body-conten{
-          position:relative;
-          width:100%;
-          height:100%;
-          .mat-list-base{
-            position:relative;
+    .mat-tab-body-wrapper {
+      .mat-tab-body {
+        .mat-tab-body-conten {
+          position: relative;
+          width: 100%;
+          height: 100%;
+          .mat-list-base {
+            position: relative;
           }
         }
-
       }
     }
   }
 }
 
-::ng-deep .setting-category{
-  .mat-list-base{
-    position:relative;
-    .mat-list-item{
-      font-size:15px;
-
+::ng-deep .setting-category {
+  .mat-list-base {
+    position: relative;
+    .mat-list-item {
+      font-size: 15px;
     }
-    .mat-divider{
+    .mat-divider {
     }
   }
-}
\ No newline at end of file
+}