통합검색 2차 수정

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/clipboard.dialog.component.scss

@@ -7,6 +7,7 @@
 
     .mat-dialog-container {
       position: relative;
+      overflow: hidden;
     }
 
     .mat-card-header {

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.html

@@ -12,7 +12,12 @@
     </button>
   </mat-card-header>
   <mat-card-content>
-    <div fxLayout="column" fxFlex="1 1 auto" class="rightDrawer-notice">
+    <div
+      fxLayout="column"
+      fxFlex="1 1 auto"
+      class="rightDrawer-notice"
+      style="position: relative;"
+    >
       <div class="search-area">
         <ucap-integrated-search-form
           [searchWord]="!!currentSearchWord ? currentSearchWord : ''"
@@ -160,11 +165,16 @@
               class="integrate-search-org detail-table"
             ></ucap-organization-detail-table>
           </div>
-          <div class="footer-fix search-result-footer">
+
+          <div
+            class="footer-fix search-result-footer"
+            fxFlex="auto"
+            fxLayout="column"
+          >
             <mat-accordion>
-              <mat-expansion-panel>
+              <mat-expansion-panel hideToggle>
                 <mat-expansion-panel-header>
-                  <mat-panel-title>
+                  <mat-panel-title class="select-user-title">
                     {{ 'organization.selectedUser' | translate }}
                     <span *ngIf="selectedUserList.length > 0">
                       ({{ selectedUserList.length }})

projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/search/integrated-search.dialog.component.scss

@@ -1,16 +1,24 @@
-.mat-card-header {
+.confirm-card {
-  .mat-card-header-text {
+  height: 100%;
-    margin: 0;
+  .mat-card-header {
+    .mat-card-header-text {
+      margin: 0;
+    }
+    .btn-dialog-close {
+      font-size: 20px;
+      display: flex;
+      margin-left: auto;
+      align-self: flex-start;
+      color: #444444;
+    }
   }
-  .btn-dialog-close {
+  .mat-card-content {
-    font-size: 20px;
+    flex-direction: row;
+    box-sizing: border-box;
     display: flex;
-    margin-left: auto;
+    height: 100%;
-    align-self: flex-start;
-    color: #444444;
   }
 }
-
 ucap-integrated-search-form {
   position: relative;
   display: inline-flex;
@@ -26,33 +34,38 @@ ucap-integrated-search-form {
 .content-area {
   display: flex;
   height: calc(100% - 140px);
-}
+  flex-wrap: wrap;
-
-.contents-table {
-  position: relative;
   flex-direction: column;
+  flex: 0 0 auto;
   box-sizing: border-box;
-  display: flex;
+  .contents-table {
-  flex: 1 1 100%;
-  max-width: 100%;
-  height: 100%;
-  overflow: hidden;
-  .table-box {
     position: relative;
-    width: 100%;
-    height: calc(100% - 60px);
-    overflow: hidden;
-    display: flex;
-  }
-  .footer-fix {
-    display: flex;
-    flex: 1 1 auto;
-    bottom: 0;
-    width: 100%;
     flex-direction: column;
     box-sizing: border-box;
+    display: flex;
+    flex: 1 1 100%;
+    max-width: 100%;
+    height: 100%;
+    overflow: hidden;
+    .table-box {
+      position: relative;
+      width: 100%;
+      height: calc(100% - 60px);
+      overflow: hidden;
+      display: flex;
+    }
+    .footer-fix {
+      display: flex;
+      flex-wrap: wrap;
+      flex: 1 1 auto;
+      bottom: 0;
+      width: 100%;
+      flex-direction: column;
+      box-sizing: border-box;
+    }
   }
 }
+
 .btn-box {
   position: absolute;
   width: 100%;

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.ts

@@ -664,6 +664,8 @@ export class TopBarComponent implements OnInit, OnDestroy {
         IntegratedSearchDialogData,
         IntegratedSearchDialogResult
       >(IntegratedSearchDialogComponent, {
+        height: '90vh',
+        width: '90vw',
         data: {
           keyword
         },