npm - qms-angular - Versions diffs - 1.0.74 → 1.0.78 - Mend

qms-angular 1.0.74 → 1.0.78

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 (33) hide show

package/src/assets/jointjs/scss/rappid.scss CHANGED Viewed

@@ -6099,7 +6099,7 @@ Important note: Presentation attributes have a lower precedence over CSS style r
  }
  .joint-select-box.joint-theme-dark .select-box-selection:after {
      width: 33px;
-     height: calc(100%-2px);
+     height: calc(100% - 2px);
      border:  1px solid #42474a;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px;

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

@@ -1,14 +1,13 @@
 ::ng-deep mat-tree.qms-navigation-drawer-container {
   .mat-tree-node {
-    width : 272px !important;
-    height: 48px !important;
+    min-width: 272px !important;
+    height   : 48px !important;
   }
   .mat-tree-node {
-    min-height   : 34px;
-    margin       : 16px 0px;
-    padding-right: 34px;
+    min-height: 34px;
+    margin    : 16px 0px;
     &.active {
       background-color: #F2F7FD;
@@ -17,6 +16,10 @@
       img {
         filter: opacity(0.5) drop-shadow(0 0 0 #1954A9);
       }
+      &:hover {
+        background-color: #E5EEFB !important;
+      }
     }
     .tree-content {
@@ -70,6 +73,10 @@
       ::ng-deep mat-icon {
         color: #1954A9;
       }
+      &:hover {
+        background-color: #E5EEFB !important;
+      }
     }
     &.collapse-node {
@@ -185,4 +192,18 @@
     }
   }
+  .pr-34 {
+    padding-right: 34px;
+  }
+}
+.node-preview-item {
+  display         : flex;
+  background-color: #0000001F;
+  min-width       : 272px !important;
+  height          : 48px !important;
+  margin          : 0 auto;
+  align-items     : center;
+  padding         : 0px 16px;
 }

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

@@ -10,15 +10,21 @@
         padding: 0 8px;
         flex-wrap: wrap-reverse;
         width: 100%;
+        .qms-btn-icon {
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+        }
         .mat-select {
             .mat-select-arrow {
-                margin-top: 17.5px;
+                margin-top: 20px;
             }
         }
         .qms-total-result {
             margin-right: 24px;
-            margin-bottom: 15px;
+            margin-bottom: 20px;
             span {
+                font-family: Open Sans;
                 font-weight: normal;
                 font-size: 14px;
                 line-height: 22px;
@@ -43,6 +49,13 @@
                     width: 80px;
                 }
             }
+            .qms-form-select-page-size {
+                .mat-form-field-flex {
+                    width: 51px;
+                    padding-left: 9px;
+                    padding-right: 5px;
+                }
+            }
             .jump-page {
                 .mat-form-field-wrapper {
                     .mat-form-field-flex {
@@ -53,9 +66,10 @@
             .mat-form-field-flex {
                 height: 40px;
                 .mat-form-field-infix {
-                    padding-top: 7px;
+                    padding-top: 4px;
                     border-top: 0px;
                     padding-bottom: 0px;
+                    height: 25px;
                 }
             }
         }
@@ -83,7 +97,7 @@
     .mat-paginator-container-mobile {
         .mat-select {
             .mat-select-arrow {
-                margin-top: 17.5px;
+                margin-top: 20px;
             }
         }
         .qms-total-result {
@@ -118,6 +132,13 @@
                     width: 80px;
                 }
             }
+            .qms-form-select-page-size {
+                .mat-form-field-flex {
+                    width: 51px;
+                    padding-left: 9px;
+                    padding-right: 5px;
+                }
+            }
             .jump-page {
                 .mat-form-field-wrapper {
                     .mat-form-field-flex {
@@ -128,9 +149,10 @@
             .mat-form-field-flex {
                 height: 40px;
                 .mat-form-field-infix {
-                    padding-top: 7px;
+                    padding-top: 4px;
                     border-top: 0px;
                     padding-bottom: 0px;
+                    height: 25px;
                 }
             }
         }

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

@@ -8,7 +8,7 @@
     color: #FFFFFF;
     &.mat-horizontal-stepper-header {
-      width: auto;
+      min-width: fit-content;
     }
     &.mat-vertical-stepper-header {
@@ -32,6 +32,7 @@
     .title-step {
       font-weight: 600 !important;
       outline: none !important;
+      -webkit-font-smoothing: antialiased !important;
     }
   }

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

@@ -295,6 +295,6 @@ cdk-virtual-scroll-viewport {
     width: 100%;
   }
   .related-viewport {
-    min-height: 10.25rem;
+    min-height: 300px;
   }
-}
+}

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

@@ -16,7 +16,6 @@
     position: relative;
     max-height: 460px;
     display: flex;
-    justify-content: center;
     align-items: flex-start;
   }

package/src/themes/core/_table.scss CHANGED Viewed

@@ -4,6 +4,8 @@
 .qms-table {
     .mat-checkbox.qms-group-options {
         .mat-checkbox-inner-container {
+            width: 18px;
+            height: 18px;
             margin: 0 !important;
         }
@@ -26,22 +28,30 @@
         border: 1px solid #E0E0E0;
         border-radius: 4px;
         margin-top: 8px;
-        min-height: 56px;
+        min-height: 40px;
+        font-size: 14px;
+        font-family: 'Open Sans';
+        font-weight: normal;
+        color: #323232;
         mat-cell:first-of-type {
             padding: 0;
         }
-        &:focus {
-            border: 2px solid $primary;
+        &[tabindex]:focus-visible {
+            outline: 2px auto $primary;
         }
-        &:hover {
-            background: rgba(0, 0, 0, 0.08)!important;
+        &:active, &:hover {
+            background: rgba(0, 0, 0, 0.08);
         }
         &-selected {
             background: $tab-focus-background;
+            &:hover {
+                background: rgba(40, 115, 223, 0.06);
+            }
         }
         &-disabled {
@@ -53,6 +63,7 @@
                 opacity: 0.38;
             }
         }
         &-draft {
             border: 2px dashed rgba(0, 0, 0, 0.12);
         }
@@ -102,14 +113,21 @@
             padding-left: 4px;
             .expand-icon {
+                transition: transform 0.2s;
                 margin: 0 10px;
             }
             &.qms-row-expanded {
                 background: #F2F7FD;
-                border-left: 4px solid $primary-light-32-opacity;
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0;
+                &:hover {
+                    background: rgba(40, 115, 223, 0.06);
+                }
                 .expand-icon {
+                    transition: transform 0.2s;
                     transform: rotate(180deg);
                 }
@@ -127,10 +145,9 @@
     &.qms-group-table {
         .qms-table-row {
-            padding-left: 0 !important;
-            border-left: 4px solid $primary-light-32-opacity;
             &.expandable-group {
+                padding-left: 0!important;
+                border-left: 4px solid $primary-light-32-opacity;
                 border-radius: 4px 4px 0 0;
             }
         }
@@ -163,6 +180,8 @@
         .qms-row-children {
             margin-top: unset;
             border-radius: unset;
+            padding-left: 0!important;
+            border-left: 4px solid $primary-light-32-opacity;
         }
     }