qms-angular 1.1.73 → 1.1.75

package/src/lib/components/select-access-dialog/select-access-dialog.component.scss

@@ -50,7 +50,7 @@
   }
 
   .fs-12{
-    font-size: 12px;
+    font-size: 12px !important;
   }
 
   .color-primary{
@@ -395,4 +395,100 @@
     background-color: unset !important;
     color: unset !important;
   }
+
+  .d-flex { 
+    display: flex;
+  }
+
+  .align-items-center {
+    align-items: center;
+  } 
+
+  .justify-content-between { 
+    justify-content: space-between;
+  }
+  
+  .mobile-view { 
+    overflow-x: hidden;
+    ::ng-deep { 
+      .mat-expansion-panel-header-title { 
+        font-family: 'Open sans';
+      }
+      
+      .mat-tab-body-wrapper { 
+        overflow-x: hidden;
+        overflow-y: scroll;
+      }
+      .mat-dialog-content { 
+        min-height: 50vh;
+      }
+    } 
+    .scroll-view { 
+      height: 40vh;
+    }
+  }
+
+  .result-body { 
+    ::ng-deep .mat-expansion-panel-content .mat-expansion-panel-body { 
+      height: 80px !important;
+      overflow-y: scroll;
+      padding: 0 12px 16px;
+    }
+  }
+
+  .content-break { 
+    display: inline-block !important;
+    word-wrap: break-word !important;
+    word-break: break-word !important;
+    white-space: normal !important;
+  }
+
+  .selected-containter { 
+    font-family: 'Open Sans';
+    max-height: calc((100vh - 300px) * 0.25) !important;
+    overflow-y: scroll;
+    overflow-x: hidden;
+    padding: 0 12px 16px;
+    .mat-chip.qms-chip { 
+      height: auto !important;
+    }
+  }
+  
+  ::ng-deep .tab-body-container {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    .mat-expansion-panel-header { 
+      font-family: 'Open Sans';
+    }
+  }
+
+  .text-name,
+  .text-label,
+    .text-label + span {
+      font-size: 12px !important;
+      font-weight: 500 !important;
+    }
+  .py-10 {
+    padding: 10px 0;
+  }
+  .fw-500{
+    font-weight: 500;
+  }
+  .qms-dialog-footer {
+    min-height: 36px;
+  }
 }
+
+
+
+@media screen and (max-width: 1100px) {
+    .select-access-dialog-container .chip-item-result {
+        max-width: 200px;
+    }
+}
+
+@media screen and (max-width: 900px) {
+    .select-access-dialog-container .chip-item-result {
+        max-width: 150px;
+      }
+}

package/src/lib/components/select-department/select-department.component.scss

@@ -53,7 +53,7 @@
     border-bottom: 1px solid #ccc;
     height: 1px;
     margin-top: 10px;
-    min-width: 300px;
+    // min-width: 300px;
     max-width: 100%;
   }
 
@@ -68,6 +68,7 @@
     .mat-expansion-panel-header-title {
       align-items: center;
       margin-left: 12px;
+      font-family: 'Open sans';
     }
   }
 
@@ -208,7 +209,49 @@
       background-color: unset !important;
       color: unset !important;
   }
+
+  ::ng-deep .mat-expansion-indicator { 
+    margin-right: 10px !important;
+  }
+
+  ::ng-deep .mat-expansion-panel-header {
+    height: 48px !important;
+  }
+  
+  .chips-container-mobile { 
+    display: flex;
+    flex-direction: column;
+    height: 100px !important;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    .mat-chip-list-wrapper { 
+      span { 
+        display: inline-block;
+        word-wrap: break-word;
+        word-break: break-all;
+        white-space: normal;
+      }
+    }
+  }
+
+  .deparment-tree-mobile-view { 
+    overflow-x: hidden;
+  }
+  
+  span.content-break {
+    & > span:nth-child(1){
+      display: inline-block !important;
+      word-break: break-all;
+      word-wrap: break-word;
+      white-space: normal !important;
+    }
+  }
+  .height-auto {
+    height: auto;
+  }
+
 }
+
 .qms-spinner-wrapper{
   display: inline-block;
   width: 22px;

package/src/lib/components/select-department-tree/select-department-tree.component.scss

@@ -48,6 +48,14 @@
     justify-content: flex-end;
   }
 
+  .justify-content-between { 
+    justify-content: space-between;
+  }
+
+  .flex-col { 
+    flex-direction: column;
+  }
+
   .text-selected {
     color: black(0.6);
     font-size: 12px;
@@ -123,7 +131,7 @@
   }
 
   .tree-department-wrapper {
-    padding-right: 4px;
+    // padding-right: 4px;
     overflow: hidden;
     position: relative;
     transition: height 0.3s ease-in-out;
@@ -337,6 +345,15 @@
       }
     }
 
+    .content-break { 
+      display: inline-block !important; 
+      word-wrap: break-word !important;
+      word-break: break-word !important;
+      white-space: normal !important;
+      max-width: 186px !important;
+      width: auto;
+    }
+
     .mat-checkbox-label {
       flex-direction: row;
       align-items: center;