qms-angular 2.0.1 → 2.0.3

package/src/lib/components/banner/qms-banner-confirm/qms-banner-confirm.component.scss

@@ -1,65 +1,65 @@
-@import '../qms-banner-base';
+@import "../qms-banner-base";
 
 .qms-banner-confirm-container {
-    width: 100%;
-    height: 100%;
-    font-family: "Open Sans";
-    padding: 18px 16px 8px 18px;
-    position: relative;
-    
-    &-content {
-        .title {
-            font-family: "Raleway";
-            font-size: 16px;
-            line-height: 22px;
-            font-weight: 600;
-            margin-bottom: 4px;
-        }
-    }
+  width: 100%;
+  height: 100%;
+  font-family: "Open Sans";
+  padding: 18px 16px 8px 18px;
+  position: relative;
 
-    .margin-right-18 {
-        margin-right: 18px;
+  &-content {
+    .title {
+      font-family: "Raleway";
+      font-size: 16px;
+      line-height: 22px;
+      font-weight: 600;
+      margin-bottom: 4px;
     }
+  }
 
-    .confirm-information {
-        display: flex;
-        width: 100%;
-        padding-bottom: 36px;
+  .padding-right-28 {
+    padding-right: 28px;
+  }
+
+  .confirm-information {
+    display: flex;
+    width: 100%;
+    padding-bottom: 36px;
+  }
+
+  .actions {
+    position: absolute;
+    right: 8px;
+    bottom: 8px;
+
+    button {
+      margin-left: 16px;
     }
 
-    .actions {
-        position: absolute;
-        right: 8px;
-        bottom: 8px;
-        
+    &.banner-confirm-buttons {
+      ::ng-deep {
         button {
-            margin-left: 16px;
-        }
-
-        &.banner-confirm-buttons {
-            ::ng-deep {
-                button{
-                    &.qms-btn-icon.qms-btn-disabled {
-                        background: transparent;
-                    }
+          &.qms-btn-icon.qms-btn-disabled {
+            background: transparent;
+          }
 
-                    &.qms-btn-text.qms-btn-disabled {
-                        background: transparent;
-                    }
-                }
-            }
+          &.qms-btn-text.qms-btn-disabled {
+            background: transparent;
+          }
         }
+      }
     }
+  }
 }
 
 .font-bold {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .font-size-14 {
-    font-size: 14px;
+  font-size: 14px;
 }
 
 .line-height-22 {
-    line-height: 22px;
+  line-height: 22px;
 }

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

@@ -51,11 +51,10 @@
       }
       .qms-form-page-size {
         /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-      
-          .mat-mdc-text-field-wrapper {
-            width: 70px;
-          }
-        
+
+        .mat-mdc-text-field-wrapper {
+          width: 70px;
+        }
       }
       .qms-form-select-page-size {
         /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
@@ -70,9 +69,8 @@
         /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
         .mat-form-field-wrapper {
           /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-      
-            width: 55px;
-         
+
+          width: 55px;
         }
       }
       /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
@@ -180,11 +178,10 @@
       }
       .qms-form-page-size {
         /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
-        
-          .mat-mdc-text-field-wrapper {
-            width: 70px;
-          }
-        
+
+        .mat-mdc-text-field-wrapper {
+          width: 70px;
+        }
       }
       .qms-form-select-page-size {
         /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
@@ -227,3 +224,7 @@
     margin-bottom: 17px !important;
   }
 }
+
+::ng-deep div.mat-mdc-select-panel {
+  min-width: fit-content !important;
+}

package/src/lib/components/related/risk/analysis/analysis.component.scss

@@ -78,7 +78,4 @@
     }
   }
 
-  .mat-mdc-dialog-content.title {
-    padding: 0;
-  }
 }

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

@@ -62,7 +62,7 @@
 }
 
 .chip-item-result {
-  max-width: 250px;
+  // max-width: 250px;
 
   &.item-department {
     .qms-chip-body {
@@ -74,7 +74,6 @@
 }
 
 .remove-chip-icon {
-  color: black(0.3);
   cursor: pointer;
 
   &:hover {
@@ -404,3 +403,10 @@ span.chip-item-children__count {
   color: unset !important;
 }
 // }
+
+::ng-deep .mdc-evolution-chip__text-label.mat-mdc-chip-action-label {
+  white-space: nowrap;
+  width: 225px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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

@@ -73,7 +73,7 @@
 }
 
 .panel__item {
-  max-height: 175px;
+  max-height: 110px;
   margin-top: 4px;
   overflow-x: hidden;
   overflow-y: auto;
@@ -111,7 +111,7 @@
       color: theme-apply($related-mat-icon-color);
       font-size: 24px;
     }
-  }
+  } 
 }
 
 .header-title {
@@ -137,7 +137,7 @@
 
   span.related__item__content_name {
     min-width: calc(100% - 13px);
-    max-width: 250px;
+    // max-width: 250px;
     display: flex;
     align-items: center;
     & > span:nth-child(1) {

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

@@ -526,7 +526,7 @@
     color: rgba(0, 0, 0, 0.6);
     font-weight: 400;
     font-size: 14px;
-    max-width: 250px;
+    // max-width: 250px;
   }
   /*TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
   ::ng-deep .mat-mdc-checkbox.checkbox-all .mat-checkbox-label {

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

@@ -125,5 +125,5 @@
         overflow: hidden;
         text-overflow: ellipsis;
       }
-    }
+    }    
   }

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

@@ -137,7 +137,7 @@
 
     span.related__item__content_name {
       min-width: calc(100% - 13px);
-      max-width: 250px;
+      // max-width: 250px;
       display: flex;
       align-items: center;
       & > span:nth-child(1){

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

@@ -495,7 +495,7 @@
     color: rgba(0, 0, 0, 0.6);
     font-weight: 400;
     font-size: 14px;
-    max-width: 250px;
+    // max-width: 250px;
   }
   /*TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
   ::ng-deep .mat-mdc-checkbox.checkbox-all .mat-checkbox-label{

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

@@ -66,7 +66,7 @@
     height: 30px;
     font-size: 12px;
     letter-spacing: 1px;
-    font-family: 'Raleway';
+    font-family: "Raleway";
     font-weight: 600;
     padding: 0;
 
@@ -127,7 +127,7 @@
     }
   }
 
-  .qmslib-related-popup-splitview{
+  .qmslib-related-popup-splitview {
     background-color: white;
     border-left: 1px solid #ccc;
     height: 450px;
@@ -146,7 +146,7 @@
       margin-top: 12px;
     }
 
-    .splitview-header{
+    .splitview-header {
       font-size: 12px;
       letter-spacing: 1px;
       font-family: "RALEWAY";
@@ -285,9 +285,9 @@ cdk-virtual-scroll-viewport {
         .breadcrumb-container {
           .qms-breadcrumb-item {
             .mat-icon {
-              font-size: 16px!important;
+              font-size: 16px !important;
               padding-bottom: 1px;
-          }
+            }
           }
         }
       }
@@ -320,4 +320,3 @@ cdk-virtual-scroll-viewport {
     min-height: 300px;
   }
 }
-

package/src/lib/qms-ckeditor-components/styles/_modules.scss

@@ -1,174 +1,172 @@
-@import 'color';
+@import "color";
 
 .qmsckeditor {
-    font-family: Roboto,'Helvetica Neue',sans-serif;
-    font-size: 14px;
+  font-family: Roboto, "Helvetica Neue", sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  h2 {
+    font-size: 20px;
     font-weight: normal;
-    h2 {
-      font-size: 20px;
-      font-weight: normal;
-    }
-    .mat-mdc-dialog-content {
-        padding: 0;
-    }
-    .mat-icon  {
-        color: $mat-icon-color;
-    }
+  }
+  .mat-icon {
+    color: $mat-icon-color;
+  }
 
-    &__fullscreen {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background: $white-background-color;
-        overflow-y: auto;
-        max-height: 100vh;
-        overflow-x: hidden;
-    }
+  &__fullscreen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: $white-background-color;
+    overflow-y: auto;
+    max-height: 100vh;
+    overflow-x: hidden;
+  }
 
-    &__cursor {
-        cursor: pointer;
-    }
+  &__cursor {
+    cursor: pointer;
+  }
 
-    &__notallowed {
-        cursor: not-allowed;
-    }
+  &__notallowed {
+    cursor: not-allowed;
+  }
 }
 .qmsckeditor.button {
-    &__close {
-        float: right;
-        top: -24px;
-        right: -24px;
-        cursor: pointer;
-    }
+  &__close {
+    float: right;
+    top: -24px;
+    right: -24px;
+    cursor: pointer;
+  }
 }
 .qmsckeditor.button {
   &__done {
-      float: right;
-      top: -24px;
-      right: -24px;
-      cursor: pointer;
-      margin-right: 20px;
+    float: right;
+    top: -24px;
+    right: -24px;
+    cursor: pointer;
+    margin-right: 20px;
 
-      .mat-icon  {
-        color: $success-color;
-        font-weight: bold;
-      }
+    .mat-icon {
+      color: $success-color;
+      font-weight: bold;
+    }
   }
 }
 
 .qmsckeditor.button__groups {
-    button {
-        min-height: 40px;
-        width: 100%;
-        border-radius: 4px;
-        border: 1px solid #C5C5C5;
-        font-family: "Open Sans";
-        font-weight: 600;
-        font-size: 14px;
-        letter-spacing: 1px;
-        line-height: 16px;
-    }
-    .save {
-        background: $button-background;
-    }
-    .save:hover {
-        background: $button-background-hover;
-    }
-    .save:disabled {
-        cursor: not-allowed;
-    }
+  button {
+    min-height: 40px;
+    width: 100%;
+    border-radius: 4px;
+    border: 1px solid #c5c5c5;
+    font-family: "Open Sans";
+    font-weight: 600;
+    font-size: 14px;
+    letter-spacing: 1px;
+    line-height: 16px;
+  }
+  .save {
+    background: $button-background;
+  }
+  .save:hover {
+    background: $button-background-hover;
+  }
+  .save:disabled {
+    cursor: not-allowed;
+  }
 
-    .cancel {
-        background: $button-background;
-    }
-    .cancel:hover {
-        background: $button-background-hover;
-    }
-    .cancel:disabled {
-        cursor: not-allowed;
-    }
+  .cancel {
+    background: $button-background;
+  }
+  .cancel:hover {
+    background: $button-background-hover;
+  }
+  .cancel:disabled {
+    cursor: not-allowed;
+  }
 
-    .delete {
-        background: $button-background;
-    }
-    .delete:hover {
-        background: $button-background-hover;
-    }
-    .delete:disabled {
-        cursor: not-allowed;
-    }
+  .delete {
+    background: $button-background;
+  }
+  .delete:hover {
+    background: $button-background-hover;
+  }
+  .delete:disabled {
+    cursor: not-allowed;
+  }
 }
 
 .qmsckeditor.confirm__button__groups {
-    button {
-        min-height: 36px;
-        border-radius: 4px;
-        width: auto;
-        border: 1px solid #C5C5C5;
-        font-family: "Open Sans";
-        font-weight: 600;
-        font-size: 14px;
-        letter-spacing: 1px;
-        line-height: 16px;
-        padding-left: 15px;
-        padding-right: 15px;
-    }
-    .confirm {
-        background: $button-background;
-    }
-    .confirm:hover {
-        background: $button-background-hover;
-    }
-    .cancel {
-        background: $button-background;
-    }
-    .cancel:hover {
-        background: $button-background-hover;
-    }
+  button {
+    min-height: 36px;
+    border-radius: 4px;
+    width: auto;
+    border: 1px solid #c5c5c5;
+    font-family: "Open Sans";
+    font-weight: 600;
+    font-size: 14px;
+    letter-spacing: 1px;
+    line-height: 16px;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+  .confirm {
+    background: $button-background;
+  }
+  .confirm:hover {
+    background: $button-background-hover;
+  }
+  .cancel {
+    background: $button-background;
+  }
+  .cancel:hover {
+    background: $button-background-hover;
+  }
 }
 
-.qmsckeditor.template-content {}
-.qmsckeditor.template-content.height{
-    min-height: 420px;
-    max-height: 520px;
-    overflow: auto;
+.qmsckeditor.template-content {
+}
+.qmsckeditor.template-content.height {
+  min-height: 420px;
+  max-height: 520px;
+  overflow: auto;
 }
 .qmsckeditor.template-content.title {
-    margin-left: -9px;
+  margin-left: -9px;
 }
-.qmsckeditor.link__content.height{
-    min-height: 400px;
-    max-height: 520px;
+.qmsckeditor.link__content.height {
+  min-height: 400px;
+  max-height: 520px;
 }
 
 .qmsckeditor.card {
-    margin-bottom: 10px;
-    min-height: 60px;
-    box-shadow: none;
-    border: 1px solid $mat-card-color;
-    .title{
-        font-weight: bold;
-    }
-    .content{
-        text-overflow: ellipsis;
-        overflow: hidden;
-        white-space: nowrap;
-    }
-    .material-icons {
-        font-size: 20px;
-    }
+  margin-bottom: 10px;
+  min-height: 60px;
+  box-shadow: none;
+  border: 1px solid $mat-card-color;
+  .title {
+    font-weight: bold;
+  }
+  .content {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+  }
+  .material-icons {
+    font-size: 20px;
+  }
 }
 
-.qmsckeditor.tooltip-content.height{
-    min-height: 400px;
-    max-height: 472px;
-    overflow: auto;
+.qmsckeditor.tooltip-content.height {
+  min-height: 400px;
+  max-height: 472px;
+  overflow: auto;
 }
 
-.qmsckeditor.save__as__template.height{
-    height: 125px
+.qmsckeditor.save__as__template.height {
+  height: 125px;
 }
 
 .ck-content .page-break {
@@ -176,18 +174,23 @@
 }
 
 .ck-content .ck-horizontal-line {
-    width: 100%;
+  width: 100%;
 }
 
 .ck-content hr {
-    background: #ccc;
+  background: #ccc;
 }
 
-.ck-font-size-dropdown .ck-dropdown__panel ul{
-    max-height: 320px;
-    overflow-y: auto;
+.ck-font-size-dropdown .ck-dropdown__panel ul {
+  max-height: 320px;
+  overflow-y: auto;
 }
 
-.ck-font-size-dropdown .ck-dropdown__panel ul li .ck-fontsize-option .ck-button__label{
-    line-height: 50px;
-}
+.ck-font-size-dropdown
+  .ck-dropdown__panel
+  ul
+  li
+  .ck-fontsize-option
+  .ck-button__label {
+  line-height: 50px;
+}

package/src/themes/core/_checkbox.scss

@@ -38,7 +38,6 @@
       font-size: 1rem;
       line-height: 28px;
       color: theme-apply($default-color);
-      white-space: break-spaces;
     }
 
     .text-help {
@@ -164,5 +163,10 @@
       }
     }
     //-------------------End No Label-----------------------------//
+
+    .mdc-label {
+      display: flex;
+      flex-direction: column;
+    }
   }
 }