qms-angular 1.1.14 → 1.1.15

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

@@ -1,193 +0,0 @@
-@import "../../../themes/core/variables";
-@import "../../../themes/theme/variable";
-@import "../../../themes/theme/mixins";
-@import "../../../themes/qms-icon-font";
-
-
-
-
-
-.qms-select-department {
-
-  .cursor-pointer {
-    cursor: pointer;
-  }
-
-  .ml-5 {
-    margin-left: 10px;
-  }
-
-  .padding-5 {
-    padding: 5px;
-  }
-
-  .header-dialog {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-weight: 600;
-    font-size: 16px;
-  }
-
-  .input__field {
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    input.input-search {
-      width: 100%;
-      padding: 10px;
-      outline: none;
-      border: none;
-      background: theme-apply($background-input-text);
-    }
-
-    .btn-search {
-      cursor: pointer;
-      vertical-align: middle;
-      position: absolute;
-      top: 50%;
-      right: 10px;
-      transform: translateY(-50%);
-    }
-  }
-
-  .line__divider {
-    border-bottom: 1px solid #ccc;
-    height: 1px;
-    margin-top: 10px;
-    min-width: 300px;
-    max-width: 100%;
-  }
-
-  .mat-expansion-panel-header {
-    height: 30px;
-    font-size: 12px;
-    letter-spacing: 1px;
-    font-family: 'Raleway';
-    font-weight: 600;
-    padding: 0;
-
-    .mat-expansion-panel-header-title {
-      align-items: center;
-      margin-left: 12px;
-    }
-  }
-
-  .mat-expansion-panel:not([class*="mat-elevation-z"]) {
-    box-shadow: none;
-  }
-
-  .panel__item {
-    max-height: 175px;
-    margin-top: 12px;
-    overflow-x: hidden;
-    overflow-y: auto;
-    padding-right: 5px;
-    width: 100%;
-    max-width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-    align-content: flex-start;
-
-    .related__item__inline {
-      max-width: 100%;
-    }
-
-    .select__toggle-include {
-      width: 100%;
-
-      &.toggle-include-child .mat-slide-toggle.qms-group-options .mat-slide-toggle-thumb {
-        background-color: #5a5a5a !important;
-      }
-    }
-
-    .related__item__content {
-      height: 32px;
-      line-height: 32px;
-      background-color: theme-apply($related-item-background);
-      max-width: 100%;
-      margin-bottom: 5px;
-      margin-left: 2.5px;
-      margin-right: 2.5px;
-
-      .mat-icon {
-        color: theme-apply($related-mat-icon-color);
-        font-size: 24px;
-      }
-    }
-  }
-
-  .header-title {
-    font-weight: 600;
-    color: black(0.87);
-  }
-
-  .result-content {
-    padding-right: 0 !important;
-
-    .mat-chip-list {
-      min-height: 40px;
-
-      .mat-icon {
-        color: black(.3) !important;
-        cursor: pointer;
-
-        &:hover {
-          color: black(1) !important;
-        }
-      }
-    }
-
-    span.related__item__content_name {
-      display: inline-block;
-      min-width: calc(100% - 13px);
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      max-width: 320px;
-
-      .select__include-children__count {
-        font-size: 0.75rem;
-        color: black(0.5);
-        font-weight: 600;
-      }
-    }
-  }
-
-  .text-name {
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    cursor: pointer;
-    width: 100%;
-  }
-
-
-
-  ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
-    .mat-checkbox-layout {
-      white-space: normal;
-    }
-
-    .mat-checkbox-label {
-      flex-direction: row;
-      align-items: center;
-      position: relative;
-      padding-bottom: 2px;
-    }
-  }
-
-  .confirm__button__groups {
-    .btn-add>.qms-btn-wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-  }
-
-
-}

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

@@ -1,265 +0,0 @@
-@import "../../../themes/core/variables";
-@import "../../../themes/theme/variable";
-@import "../../../themes/theme/mixins";
-@import "../../../themes/qms-icon-font";
-
-
-.qms-select-department-tree-container {
-  .mr10 {
-    margin-right: 10px;
-  }
-
-  .mt5 {
-    margin-bottom: 5px;
-  }
-
-  .mb5 {
-    margin-top: 5px;
-  }
-
-  .w100 {
-    width: 100%;
-  }
-
-  .text-right {
-    text-align: right;
-  }
-
-  .mt20 {
-    margin-top: 20px;
-  }
-
-  .text-selected {
-    color: black(0.6);
-    font-size: 12px;
-    line-height: 16px;
-    margin-top: 1rem;
-  }
-
-  .input__field {
-    display: flex;
-    align-items: center;
-    position: relative;
-
-    input.input-search {
-      width: 100%;
-      padding: 10px;
-      outline: none;
-      border: none;
-      background: theme-apply($background-input-text);
-    }
-
-    .btn-search {
-      cursor: pointer;
-      vertical-align: middle;
-      position: absolute;
-      top: 50%;
-      right: 10px;
-      transform: translateY(-50%);
-    }
-
-    .line__divider {
-      border-bottom: 1px solid #ccc;
-      height: 1px;
-      margin-top: 10px;
-      min-width: 300px;
-      max-width: 100%;
-    }
-  }
-
-  .tree-department-wrapper {
-    height: 375px;
-    overflow-y: auto;
-  }
-
-  // Tree
-  .mat-tree.select-department-tree {
-    .mat-tree-node {
-      &:hover {
-        background: black(0.08);
-      }
-
-      &:active {
-        background: black(0.12);
-      }
-
-      &.active {
-        color: theme-apply($primary);
-        background: theme-apply($primary-light-6-opacity);
-
-        &:active {
-          background: theme-apply($primary-light-12-opacity);
-        }
-
-        button,
-        .mat-icon-rtl-mirror,
-        .type-icon,
-        .text-name {
-          color: theme-apply($primary);
-        }
-      }
-    }
-
-    .mat-tree-node.collapse-node {
-      &.active {
-
-        button,
-        .mat-icon-rtl-mirror,
-        .type-icon,
-        .text-name {
-          color: theme-apply($primary);
-        }
-
-        &:hover {
-          background: theme-apply($primary-light-6-opacity);
-        }
-
-        &:active {
-          background: theme-apply($primary-light-12-opacity);
-        }
-      }
-    }
-
-    .mat-tree-node.expand-node {
-      color: theme-apply($primary);
-
-      button,
-      .mat-icon-rtl-mirror,
-      .type-icon,
-      .text-name {
-        color: theme-apply($primary);
-      }
-
-      &:hover {
-        background: theme-apply($primary-light-6-opacity);
-      }
-
-      &:active {
-        background: theme-apply($primary-light-12-opacity);
-      }
-    }
-
-    .type-icon {
-      margin-right: 5px;
-      color: theme-apply($ws-action-active);
-    }
-
-    .text-name {
-      color: theme-apply($default-color);
-    }
-
-    .mat-icon-rtl-mirror {
-      color: black(0.6);
-    }
-
-    .mat-icon-button.btn-toggle {
-      width: 35px;
-      height: 35px;
-      line-height: 35px;
-    }
-
-    .mat-tree-node {
-      &.mat-tree-node-disabled-all {
-        cursor: default !important;
-        pointer-events: none;
-        user-select: none;
-
-        button.mat-button-disabled,
-        .mat-icon-rtl-mirror,
-        .type-icon {
-          color: black(0.38);
-        }
-
-        .text-name {
-          &.disabled {
-            color: black(0.38);
-            cursor: default !important;
-            pointer-events: none;
-            user-select: none;
-          }
-        }
-
-        &.active {
-          background-color: transparent;
-        }
-      }
-
-      &.mat-tree-node-disabled {
-
-        button.mat-button-disabled,
-        .type-icon {
-          color: black(0.38);
-        }
-
-        .text-name {
-          &.disabled {
-            color: black(0.38);
-            cursor: default !important;
-            pointer-events: none;
-            user-select: none;
-          }
-        }
-
-        &.active,
-        &:hover,
-        &:active,
-        &.expand-node:hover,
-        &.expand-node:active {
-          background-color: transparent;
-        }
-      }
-
-      &>.node-content-wraper {
-        width: fit-content;
-        position: relative;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-
-        &>.mat-progress-bar {
-          height: 3px;
-          width: 100%;
-          position: absolute;
-          bottom: 0;
-          left: 10px;
-
-          .mat-progress-bar-fill::after {
-            background: theme-apply($primary);
-          }
-        }
-      }
-    }
-  }
-
-  .text-name {
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-    cursor: pointer;
-    width: 100%;
-  }
-
-  .cursor-pointer {
-    cursor: pointer;
-  }
-
-  .ml-5 {
-    margin-left: 10px;
-  }
-
-  ::ng-deep .mat-checkbox.qms-group-options.flex-direction-row {
-    .mat-checkbox-layout {
-      white-space: normal;
-    }
-
-    .mat-checkbox-label {
-      flex-direction: row;
-      align-items: center;
-      position: relative;
-      padding-bottom: 2px;
-    }
-  }
-}