조직도 - 정렬

projects/ucap-webmessenger-ui-organization/src/lib/components/tenant-search.component.scss

@@ -20,7 +20,7 @@
   align-items: center;
   padding: 0 10px 0 20px;
   font-size: 14px;
-  background-color:#f9f9f9;
+  background-color: #f9f9f9;
   border-bottom: 1px solid #dddddd;
   .selectbox {
     display: inline-flex;
@@ -35,6 +35,15 @@
       width: 100%;
       font-size: 14px;
       padding-left: 0;
+      &:focus {
+        & + .mat-form-field-label-wrapper {
+          .mat-form-field-appearance-legacy {
+            .mat-form-field-label {
+              color: red;
+            }
+          }
+        }
+      }
     }
     .btn-search {
       color: #777777;
@@ -53,4 +62,4 @@
 + .searchbox {
   width: 54%;
   display: inline-flex;
-}
+}

projects/ucap-webmessenger-ui-profile/src/lib/components/user-list-item.component.scss

@@ -133,13 +133,13 @@ $thumbnail-msize: 40px;
 }
 //가변에 따른 list-item width값 변경
 .list-item {
-  .presence {
+  .presence[class*='pc'] {
     + .item-default {
       width: calc(100% - 20px);
     }
   }
   &.checkbox {
-    .presence {
+    .presence[class*='pc'] {
       + .item-default {
         width: calc(100% - 50px);
       }
@@ -158,6 +158,16 @@ $thumbnail-msize: 40px;
   }
 }
 
+.oraganization-tab {
+  .list-item {
+    .presence {
+      display: none;
+    }
+    .item-default {
+      width: calc(100% - 30px);
+    }
+  }
+}
 .org {
   .list-item {
     height: 70px;