qms-angular 1.1.64 → 1.1.65

package/src/assets/jointjs/scss/bpmn.css

@@ -679,7 +679,7 @@ body {
 
 /* SCROLLBARS */
 
-::-webkit-scrollbar {
+/* ::-webkit-scrollbar {
     width: 8px;
     height: 10px;
 }
@@ -708,7 +708,7 @@ body {
     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
-}
+} */
 
 /* FREETRANSFORM */
 

package/src/lib/components/qms-bpmn/qms-bpmn.component.scss

@@ -550,8 +550,271 @@
     .joint-selection.joint-theme-bpmn .selection-wrapper {
         display: block;
     }
+
+    .no-result-connection {
+        height: 100%;
+        flex-direction: column;
+        display: flex;
+        transform: none;
+        align-items: center;
+        justify-content: center;
+        
+    }
+
+    .button-add {
+        width: 359px; 
+        margin: 20px 20px 0px 20px;
+
+        .add-icon {
+            color: var(--primary);
+        }
+    }
+
+    .have-result-connection {
+        height: 100%;
+        flex-direction: column;
+        display: flex;
+        transform: none;
+    }
+
+    .mat-expansion-panel-header:hover:not(:hover .description-edit) {
+        background-color: transparent !important;
+    }
+
+    .mat-expansion-panel-header {
+
+        .mat-content {
+            display: block;
+            .description-header {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+            }
+        }
+
+        .default-subtitle {
+            font-family: Open Sans;
+            font-size: 16px;
+            font-weight: 600;
+            line-height: 28px;
+            color: #0163B2;
+        }
+    }
+
+    .connection-content-body {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+
+        .mat-menu-item {
+            width: initial;
+        }
+
+    }
+
+    .edit-icon {
+        width: 40px;
+        height: 40px;
+        line-height: 40px;
+    }
+
+    .mat-form-field .mat-select-arrow {
+        display: none;
+      }
+
+    .custom-mat-form-field {
+        width: 48px;
+        height: 48px;
+
+        .mat-form-field-flex {
+            padding-left: 12px;
+        }
+    }
+
+    .target-wrapper {
+        padding-left: 10px;
+        padding-bottom: 8px;
+    }
+
+    .qms-list-item-content {
+        margin-left: 0px;
+        height: auto;
+    }
+
+    .wrap-image.image-square {
+        background-color: transparent;
+        margin-right: 0px;
+    }
+
+    .qms-list-text {
+        justify-content: center;
+        border-bottom: none;
+    }
+
+    .mat-expansion-panel-body {
+        padding-left: 0px;
+        padding-right: 0px;
+    }
+
+    .qms-btn-icon {
+        height: auto;
+    }
+
+    .mat-form-field-wrapper {
+        padding-bottom: 0px;
+
+        .mat-form-field-flex {
+            border-bottom: none;
+            background-color: transparent;
+        }
+
+        .mat-form-field-flex:hover {
+            background-color: transparent;
+        }
+    }
+
+    .connection-item-container, .content-item-container {
+
+        .related-item-wrapper {
+            display: flex;
+            border: 1px solid #E0E0E0;
+            border-radius: 4px;
+            margin-bottom: 8px;
+        }
+
+        .qms-list-item.image-item .qms-list-text {
+            border-bottom: none !important;
+        }
+
+        .mat-expansion-panel.qms-expansion {
+            margin-left: 0px !important;
+            margin-right: 0px !important;
+        }
+
+        .qms-list-item {
+            height: 56px;
+        }
+    }
+
+    .connection-item-container {
+        .mat-expansion-panel-body {
+            padding-left: 0px !important;
+            padding-right: 0px !important;
+        }
+    }
+
+    .active-anchor {
+        color: var(--primary);
+    }
+
 }
 
 ::ng-deep .stencil-paper-drag {
     z-index: 10000;
+}
+
+::ng-deep {
+
+    .group-action-member{
+        width: 359px;
+        max-width: 359px !important; 
+        margin-left: 20px !important;
+    }
+
+    .mat-expansion-panel-header .mat-expansion-indicator::after {
+        color: #0163B2;
+    }
+
+    .mat-form-field:hover {
+        background: none;
+    }
+
+    .mat-menu-panel {
+        width: auto;
+    }
+
+    .mat-select-search-inside-mat-option .mat-select-search-input {
+        border-bottom: 1px solid rgba(0, 0, 0, 0.38);
+        margin: 0.25rem;
+        background-color: rgba(0, 0, 0, 0.04);
+        border-radius: 4px;
+    }
+}
+
+.activity-attachment__attachment-list {
+    .custom-attachment-margin {
+        margin: 16px 0px 16px 0px;
+    }
+
+    .qms-scrollable-attachment-list {
+        .qms-list-item.mat-2-line.image-item {
+            height: 64px;
+            .qms-line,
+            .subtitle {
+                -webkit-line-clamp: 1;
+            }
+
+            .subtitle:last-child {
+                padding: 2px;
+            }
+
+            .subtitle {
+                font-weight: 600;
+                font-size: 16px;
+                word-break: break-word;
+
+                .qms-btn-text {
+                    &:focus,
+                    &:focus-visible {
+                        &::after {
+                            animation: none;
+                        }
+                    }
+                }
+            }
+
+            .qms-btn {
+                padding: 0px 8px;
+                color: white;
+            }
+
+            .qms-btn-icon {
+                height: 1.5rem;
+                width: 1.5rem;
+                line-height: 1.5rem;
+            }
+        }
+    }
+
+    .mat-dialog-actions {
+        padding: 8px 0px 0px 0px;
+    }
+
+    .qms-list-text {
+        height: 56px;
+        border-bottom: 1px solid var(--other-divider) !important;
+    }
+    ::ng-deep .qms-list-header {
+        height: 56px;
+        border-bottom: 1px solid var(--other-divider) !important;
+    }
+
+    .attachment-ion {
+        width: 56px;
+        height: 56px;
+        background-color: #fff;
+    }
+}
+
+.qms-badges-container{
+    margin-right: 15px;
+    display: flex;
+    ::ng-deep .qms-badges-circle-large {
+        border: 1px double;
+    }
+    ::ng-deep .text-color-white {
+        color: #808080 !important;
+        font-weight: 600;
+    }
+    
 }

package/src/lib/components/related/list-other-related/list-related.component.scss

@@ -1,197 +1,201 @@
-@import "../../../../themes/theme/variable";
-@import "../../../../themes/theme/mixins";
-@import "../../../../themes/core/typography";
-
-.list-related {
-  font-family: "Open Sans";
-  font-style: normal;
-  font-weight: normal;
-  color: theme-apply($default-color);
-
-  .list-related__title {
-    font-weight: 600;
-    font-size: 0.875rem;
-    line-height: 22px;
-    margin-bottom: 1rem;
-  }
-
- .list-related__body {
-    .list-related__body-parent {
-
-      .qms-list-item {
-        height: unset !important;
-      }
-
-      .qms-list-item.mat-2-line.image-item {
-        height: auto;
-      }
-
-      .qms-list-item.image-item .qms-list-item-content {
-        margin: 0;
-      }
-
-      .wrap-image.image-square,
-      .wrap-image.image-square img {
-        background: transparent;
-        margin: auto;
-        height: 24px;
-        width: 24px;
-      }
-
-      .qms-list-item.image-item .qms-list-text,
-      .qms-list-item.image-item .trailing-box {
-        margin-left: 1.5rem;
-        border-bottom: none;
-        padding-bottom: 7px;
-        padding-top: 7px;
-
-        .material-icons-outlined {
-          font-size: 13px;
-          height: 13px;
-          width: 13px;
-        }
-      }
-
-      min-height: 48px;
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      border-bottom: 1px solid #ddd;
-
-      .block {
-        font-weight: normal;
-        font-size: 1rem;
-        line-height: 28px;
-        display: flex;
-        align-items: center;
-
-        .title {
-          margin-left: 1.5rem;
-          padding-top: 5px;
-          padding-bottom: 5px;
-
-          .caption {
-            color: black(0.6);
-            font-size: 0.75rem;
-            line-height: 22px;
-          }
-        }
-
-        mat-icon {
-          color: black(0.6);
-          padding: 0;
-        }
-
-        button.qms-btn-icon {
-          width: 40px;
-          height: 40px;
-          line-height: 40px;
-        }
-      }
-    }
-
-    .list-related__body-child {
-      font-weight: normal;
-      font-size: 0.875rem;
-      line-height: 22px;
-
-      .default {
-        min-height: 48px;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        border-bottom: 1px solid #ddd;
-
-        .title {
-          margin-left: 3rem;
-        }
-
-        .group-button {
-          margin-right: 2rem;
-          display: flex;
-        }
-      }
-    }
-
-    .remain {
-      font-weight: 600;
-      font-size: 0.875rem;
-      line-height: 22px;
-
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      background-color: #fafafa;
-
-      border-bottom: 1px solid #ddd;
-      color: theme-apply($primary);
-      min-height: 48px;
-      border-bottom: 1px solid #ddd;
-
-      .title {
-        margin-left: 3rem;
-      }
-    }
-
-    .qms-line {
-      display: flex;
-      align-items: center;
-    }
-
-    .breadcrumb-container .qms-breadcrumb-item {
-      cursor: inherit;
-      line-height: 16px;
-      font-size: 0.75rem;
-      color: black(0.6);
-      font-weight: 400;
-      line-height: 22px;
-      margin: 0;
-    }
-
-    .trailing-box {
-      display: flex;
-      align-items: center;
-
-      button {
-        height: 24px;
-        width: 24px;
-        line-height: 24px;
-      }
-    }
-  }
-}
-
-.label-red,
-.label-yellow,
-.label-green {
-  font-family: Open Sans;
-  font-style: normal;
-  font-weight: 600;
-  display: inline-block;
-  text-align: center;
-  margin-left: 1rem;
-  width: 24px;
-  height: 24px;
-
-  font-size: 0.75rem;
-  border-radius: 1px;
-}
-
-.label-red {
-  background-color: theme-apply($secondary);
-  color: white;
-}
-
-.label-yellow {
-  background-color: theme-apply($risk-yellow);
-  color: black(0.87);
-}
-
-.label-green {
-  background-color: theme-apply($risk-green);
-  color: white;
-}
-
-.cursor {
-  cursor: pointer;
-}
+@import "../../../../themes/theme/variable";
+@import "../../../../themes/theme/mixins";
+@import "../../../../themes/core/typography";
+
+.list-related {
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: normal;
+  color: theme-apply($default-color);
+
+  .list-related__title {
+    font-weight: 600;
+    font-size: 0.875rem;
+    line-height: 22px;
+    margin-bottom: 1rem;
+  }
+
+ .list-related__body {
+    .list-related__body-parent {
+
+      .qms-list-item {
+        height: unset !important;
+      }
+
+      .qms-list-item.mat-2-line.image-item {
+        height: auto;
+      }
+
+      .qms-list-item.image-item .qms-list-item-content {
+        margin: 0;
+      }
+
+      .wrap-image.image-square,
+      .wrap-image.image-square img {
+        background: transparent;
+        margin: auto;
+        height: 24px;
+        width: 24px;
+      }
+
+      .qms-list-item.image-item .qms-list-text,
+      .qms-list-item.image-item .trailing-box {
+        margin-left: 1.5rem;
+        border-bottom: none;
+        padding-bottom: 7px;
+        padding-top: 7px;
+
+        .material-icons-outlined {
+          font-size: 13px;
+          height: 13px;
+          width: 13px;
+        }
+      }
+
+      min-height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      border-bottom: 1px solid #ddd;
+
+      .block {
+        font-weight: normal;
+        font-size: 1rem;
+        line-height: 28px;
+        display: flex;
+        align-items: center;
+
+        .title {
+          margin-left: 1.5rem;
+          padding-top: 5px;
+          padding-bottom: 5px;
+
+          .caption {
+            color: black(0.6);
+            font-size: 0.75rem;
+            line-height: 22px;
+          }
+        }
+
+        mat-icon {
+          color: black(0.6);
+          padding: 0;
+        }
+
+        button.qms-btn-icon {
+          width: 40px;
+          height: 40px;
+          line-height: 40px;
+        }
+      }
+    }
+
+    .list-related__body-child {
+      font-weight: normal;
+      font-size: 0.875rem;
+      line-height: 22px;
+
+      .default {
+        min-height: 48px;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        border-bottom: 1px solid #ddd;
+
+        .title {
+          margin-left: 3rem;
+        }
+
+        .group-button {
+          margin-right: 2rem;
+          display: flex;
+        }
+      }
+    }
+
+    .remain {
+      font-weight: 600;
+      font-size: 0.875rem;
+      line-height: 22px;
+
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      background-color: #fafafa;
+
+      border-bottom: 1px solid #ddd;
+      color: theme-apply($primary);
+      min-height: 48px;
+      border-bottom: 1px solid #ddd;
+
+      .title {
+        margin-left: 3rem;
+      }
+    }
+
+    .qms-line {
+      display: flex;
+      align-items: center;
+    }
+
+    .breadcrumb-container .qms-breadcrumb-item {
+      cursor: inherit;
+      line-height: 16px;
+      font-size: 0.75rem;
+      color: black(0.6);
+      font-weight: 400;
+      line-height: 22px;
+      margin: 0;
+    }
+
+    .trailing-box {
+      display: flex;
+      align-items: center;
+
+      button {
+        height: 24px;
+        width: 24px;
+        line-height: 24px;
+      }
+    }
+  }
+
+  .unset-vertical-align {
+    vertical-align: unset;
+  }
+}
+
+.label-red,
+.label-yellow,
+.label-green {
+  font-family: Open Sans;
+  font-style: normal;
+  font-weight: 600;
+  display: inline-block;
+  text-align: center;
+  margin-left: 1rem;
+  width: 24px;
+  height: 24px;
+
+  font-size: 0.75rem;
+  border-radius: 1px;
+}
+
+.label-red {
+  background-color: theme-apply($secondary);
+  color: white;
+}
+
+.label-yellow {
+  background-color: theme-apply($risk-yellow);
+  color: black(0.87);
+}
+
+.label-green {
+  background-color: theme-apply($risk-green);
+  color: white;
+}
+
+.cursor {
+  cursor: pointer;
+}

package/src/lib/components/select-process-data/select-process-data.component.scss

@@ -1,8 +1,6 @@
 @import "../../../themes/core/variables";
 @import "../../../themes/theme/variable";
 @import "../../../themes/theme/mixins";
-@import "../../../themes/qms-icon-font";
-
 
 .qms-select-department {
   font-family: 'Open Sans', sans-serif;

package/src/lib/components/select-process-data-tree/select-process-data-tree.component.scss

@@ -1,7 +1,6 @@
 @import "../../../themes/core/variables";
 @import "../../../themes/theme/variable";
 @import "../../../themes/theme/mixins";
-@import "../../../themes/qms-icon-font";
 
 .qms-select-department-tree-container {
   font-family: 'Open Sans', sans-serif;