npm - qms-angular - Versions diffs - 1.1.14 → 1.1.16 - Mend

qms-angular 1.1.14 → 1.1.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (41) hide show

package/src/lib/components/breadcrumb/breadcrumb.scss CHANGED Viewed

@@ -19,8 +19,8 @@
       width: 18px;
       height: 18px;
       font-size: 18px;
-      margin-left: 0.5rem;
-      margin-right: 0.5rem;
+      margin-left: 0.25rem;
+      margin-right: 0.25rem;
     }
   }
@@ -29,7 +29,7 @@
   }
   .qms-breadcrumb-item {
     cursor: inherit;
-    margin: 8px 8px 8px 0;
+    margin: 8px 0px 8px 0px;
     .qms-btn-icon {
       width: 1.5rem;

package/src/lib/components/qms-paginator/qms-paginator.component.scss CHANGED Viewed

@@ -1,3 +1,7 @@
+::ng-deep .customCDKpanel {
+    transform:none !important;
+}
 ::ng-deep .qms-paginator {
     display: block;
     .qms-paginator-outer-container {

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

@@ -122,12 +122,12 @@
   }
   .result-selected-container {
-    max-height: 185px;
+    max-height: 175px;
     overflow-y: auto;
   }
   .item-list-wrapper {
-    max-height: 25vh;
+    max-height: 28vh;
     padding-right: 4px;
     overflow-y: auto;
     .item{
@@ -202,4 +202,71 @@
       background: black(.3);
     }
   }
+  .qms-paginator{
+    .mat-icon{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .mat-form-field-wrapper{
+      padding-bottom: 0;
+    }
+    .mat-paginator-container{
+      min-height: 40px;
+    }
+    .mat-paginator-container .qms-total-result{
+      margin-bottom: 2px;
+      margin-right: 12px;
+      height: 30px;
+      span{
+        font-weight: 600;
+        font-size: 13px;
+        color: black(0.8);
+      }
+    }
+    .mat-paginator-container .qms-paginator-range-actions{
+      margin-bottom: 0;
+      column-gap: 2px;
+      & > .qms-total-result{
+        margin-bottom: 0;
+      }
+      &> .qms-btn-icon{
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+    &> .qms-btn-icon-wrapper{
+      width: 30px;
+      height: 30px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .qms-paginator-page-size{
+      margin-right: 12px;
+      & > .qms-pagesize-label{
+        display: none;
+      }
+      &> .qms-form-page-size .mat-form-field-flex{
+        width: 60px !important;
+        height: 30px;
+        display: flex;
+        align-items: center;
+        padding: 0 4px;
+        .mat-form-field-infix{
+          height: 30px;
+        }
+      }
+    }
+    .mat-form-field.qms-form .mat-select-min-line, .mat-form-field.qms-form mat-select-trigger{
+      font-size: 14px;
+    }
+    .mat-select-value{
+      text-align: center;
+    }
+  }
 }

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

@@ -4,11 +4,7 @@
 @import "../../../themes/qms-icon-font";
 .qms-select-department {
   .cursor-pointer {
     cursor: pointer;
   }
@@ -145,7 +141,7 @@
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
-      max-width: 320px;
+      max-width: 220px;
       .select__include-children__count {
         font-size: 0.75rem;
@@ -166,8 +162,6 @@
     width: 100%;
   }
   ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
     .mat-checkbox-layout {
       white-space: normal;
@@ -188,6 +182,4 @@
       align-items: center;
     }
   }
 }

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

@@ -69,12 +69,16 @@
   .tree-department-wrapper {
     height: 375px;
+    padding-right: 4px;
     overflow-y: auto;
+    overflow-x: hidden;
+    position: relative;
   }
   // Tree
   .mat-tree.select-department-tree {
     .mat-tree-node {
+      border-radius: 4px;
       &:hover {
         background: black(0.08);
       }
@@ -246,8 +250,8 @@
     cursor: pointer;
   }
-  .ml-5 {
-    margin-left: 10px;
+  .ml5 {
+    margin-left: 10px !important;
   }
   ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
@@ -262,4 +266,164 @@
       padding-bottom: 2px;
     }
   }
+  .qms-view-search-result{
+    height: 375px;
+    width: 100%;
+    .result {
+      max-height: calc(100% - 44px);
+      overflow-y: auto;
+      margin-bottom: 4px;
+      padding-right: 4px;
+      &.active-paging{
+        max-height: calc(100% - 104px);
+      }
+    }
+    .result-item{
+      border-radius: 4px;
+      display: grid;
+      grid-template-columns: 45px 1fr;
+      align-items: center;
+      cursor: pointer;
+      transition: background .3s ease;
+      &:not(:nth-child(1)){
+        margin-top: 4px !important;
+      }
+      &:hover{
+        background: linear-gradient(0deg, rgba(1, 99, 178, 0.12), rgba(1, 99, 178, 0.12)), #FFFFFF;
+      }
+      &.active{
+        background: linear-gradient(0deg, rgba(1, 99, 178, 0.12), rgba(1, 99, 178, 0.12)), #FFFFFF;
+      }
+      .item-result-content-wraper{
+        padding: 5px 15px 5px 15px;
+      }
+    }
+    ::ng-deep .mat-checkbox.qms-group-options{
+      display: flex;
+      height: 100%;
+    }
+  }
+  ::ng-deep .breadcrumb-container{
+    flex-wrap: wrap;
+  }
+  ::ng-deep .mat-button-focus-overlay {
+    background-color: transparent;
+  }
+  ::ng-deep .qms-breadcrumb-item{
+    margin: 0;
+  }
+  ::ng-deep .qms-breadcrumb-item-text{
+    white-space: nowrap;
+    &:not(:last-child){
+      max-width: 150px !important;
+    }
+    text-overflow: ellipsis;
+    overflow: hidden;
+    transition: color .3s ease;
+    &:not(:last-child):hover{
+      color : theme-apply($primary)
+    }
+  }
+  ::ng-deep .qms-paginator{
+    .mat-icon{
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .mat-form-field-wrapper{
+      padding-bottom: 0;
+    }
+    .mat-paginator-container{
+      min-height: 40px;
+    }
+    .mat-paginator-container .qms-total-result{
+      margin-bottom: 0;
+      margin-right: 12px;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      span{
+        font-weight: 600;
+        font-size: 13px;
+        color: black(0.8);
+      }
+    }
+    .mat-paginator-container .qms-paginator-range-actions{
+      margin-bottom: 0;
+      column-gap: 2px;
+      & > .qms-total-result{
+        margin-bottom: 0;
+      }
+      &> .qms-btn-icon{
+        width: 30px;
+        height: 30px;
+        line-height: 30px;
+      }
+    }
+    &> .qms-btn-icon-wrapper{
+      width: 30px;
+      height: 30px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+    .qms-paginator-page-size{
+      margin-right: 12px;
+      height: 100%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      &> .qms-form-page-size .mat-form-field-flex{
+        width: 60px;
+        height: 30px;
+        display: flex;
+        align-items: center;
+        padding: 0 4px;
+        .mat-form-field-infix{
+          height: 30px;
+        }
+      }
+      & > .qms-pagesize-label{
+        display: none;
+      }
+    }
+    .mat-form-field.qms-form .mat-select-min-line, .mat-form-field.qms-form mat-select-trigger{
+      font-size: 14px;
+    }
+    .mat-select-value{
+      text-align: center;
+    }
+  }
+  .text-gray{
+    color: #242424;
+  }
+  .mb0{
+    margin-bottom: 0 !important;
+  }
+  .fs-base{
+    font-size: 14px !important;
+  }
+  .user-select-none{
+    user-select: none;
+  }
+  .item-breadcrumb-disable{
+    cursor: not-allowed;
+    color: rgba(0, 0, 0, 0.6);
+    font-weight: 400;
+    font-size: 14px;
+  }
 }

package/src/themes/_qms-icon-font.scss CHANGED Viewed

@@ -10,7 +10,7 @@
   font-display: block;
 }
-[class^="icon-"], [class*=" icon-"] {
+[class^="icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: never;

package/src/themes/core/_table-pure-gap.scss CHANGED Viewed

@@ -72,7 +72,6 @@ table.mat-table {
       padding: 10px 0 10px 0;
       border-bottom: 1px solid theme-apply($other-divider);
       border-top: 1px solid theme-apply($other-divider);
-      background-color: #fff;
       color: theme-apply($ws-text-primary);
       font-weight: 400;
     }