통합검색 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,3 +1,5 @@
+.confirm-card {
+  height: 100%;
   .mat-card-header {
     .mat-card-header-text {
       margin: 0;
@@ -10,7 +12,13 @@
       color: #444444;
     }
   }
-
+  .mat-card-content {
+    flex-direction: row;
+    box-sizing: border-box;
+    display: flex;
+    height: 100%;
+  }
+}
 ucap-integrated-search-form {
   position: relative;
   display: inline-flex;
@@ -26,8 +34,10 @@ ucap-integrated-search-form {
 .content-area {
   display: flex;
   height: calc(100% - 140px);
-}
-
+  flex-wrap: wrap;
+  flex-direction: column;
+  flex: 0 0 auto;
+  box-sizing: border-box;
   .contents-table {
     position: relative;
     flex-direction: column;
@@ -46,6 +56,7 @@ ucap-integrated-search-form {
     }
     .footer-fix {
       display: flex;
+      flex-wrap: wrap;
       flex: 1 1 auto;
       bottom: 0;
       width: 100%;
@@ -53,6 +64,8 @@ ucap-integrated-search-form {
       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
         },