qms-angular 1.0.30 → 1.0.31

package/src/assets/qms-ckeditor-plugin/src/themes/tyles/tooltip.css

@@ -0,0 +1,74 @@
+.np-tooltip {
+    cursor: help !important;
+    font-style: italic;
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.np-tooltip .np-tooltip__content {
+    visibility: hidden;
+    font-size: .9em;
+    line-height: 1.5;
+    color: var(--ck-color-base-text);
+    padding: var(--ck-spacing-small) var(--ck-spacing-medium);
+    background: var(--ck-color-base-background);
+    border-radius: var(--ck-color-base-border);
+    position: absolute;
+    z-index: 1;
+    top: 150%;
+}
+
+.np-tooltip .np-tooltip__content::after {
+    content: "";
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: rotateX(180deg);
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: var(--ck-color-base-background) transparent transparent transparent;
+}
+
+.np-tooltip:hover .np-tooltip__content {
+    visibility: visible;
+}
+
+/*fssssssssssssssssssssssssssssssssssssssssssss*/
+
+.np-tooltip:before {
+    content: attr(data-tooltip);
+    min-width: 54px;
+    color: var(--ck-color-base-text);
+    padding: var(--ck-spacing-small) var(--ck-spacing-medium);
+    background: var(--ck-color-base-background);
+    border-radius: var(--ck-color-base-border);
+    position: absolute;
+    z-index: 1;
+    top: 100%;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.np-tooltip:after {
+    position: absolute;
+    content: "";
+    top: 60%;
+    left: 50%;
+    transform: rotateX(180deg);
+    margin-left: -5px;
+    border-width: 5px;
+    border-style: solid;
+    border-color: var(--ck-color-base-background) transparent transparent transparent;
+    visibility: hidden;
+    opacity: 0;
+    transition: opacity 0.3s;
+}
+
+.np-tooltip:hover:before,
+.np-tooltip:hover:after{
+    visibility: visible;
+    opacity: 1;
+}

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

@@ -21,6 +21,10 @@
             margin-right: 0.5rem;
         }
     }
+
+    .item-icon{
+        margin-right: 2px;
+    }
     .qms-breadcrumb-item{
         cursor: pointer;
         .qms-btn-icon{
@@ -63,6 +67,11 @@
                 color: black(0.6);
             }
         }
+
+        .item-icon{
+            margin-right: 1px;
+        }
+
         .qms-breadcrumb-item{
             .qms-breadcrumb-item-text{
                 max-width: 200px;

package/src/lib/components/button/button-toggle.scss

@@ -11,7 +11,7 @@
   border-radius: 4px;
   border: solid 1px #e0e0e0;
 
-  .qms-button-toggle {
+  .qms-button-toggle {  
     font-family: "Open Sans";
     white-space: nowrap;
     position: relative;
@@ -29,6 +29,10 @@
         color: $primary;
       }
 
+      &:hover {
+        background-color: $primary-light-3-opacity;
+      }
+
       &.qms-button-toggle-checked {
         background-color: $primary-light-3-opacity;
         color: $primary;
@@ -69,6 +73,11 @@
       background-color: $primary-light-3-opacity;
       color: $primary;
 
+      &:hover {
+        background-color: $primary;
+        color: white;
+      }
+
       &.qms-button-toggle-checked {
         background-color: $primary;
         color: white;
@@ -113,6 +122,11 @@
         color: $primary-light-32-opacity;
       }
 
+      &:hover {
+        background-color: $primary-lighter;
+        color: $primary;
+      }
+
       &.qms-button-toggle-checked {
         background-color: $primary-lighter;
         color: $primary;
@@ -152,6 +166,16 @@
           }
       }
     }
+
+    &.qms-button-toggle-disabled {
+      cursor: default !important;
+      background: #e4e4e4 !important;
+      color: rgba(0,0,0,.38) !important;
+
+      .mat-icon {
+        color: rgba(0,0,0,.38) !important;
+      }
+    }
   }
 
 //   &.qms-button-toggle-group-appearance-standard {

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

@@ -32,6 +32,14 @@
         color: #1954a9;
       }
     }
+
+    .qms-btn-icon.qms-light {
+      color: white;
+
+      &:hover {
+        color: white;
+      }
+    }
   }
 
   .dialog-container {
@@ -55,6 +63,7 @@
 
     .mat-dialog-content {
       font-size: 14px;
+      font-family: "Open Sans";
     }
 
     .action-btn {

package/src/lib/components/related/popup/related-popup.component.scss

@@ -111,6 +111,52 @@
       }
     }
   }
+
+  .qmslib-related-popup-splitview{
+    background-color: white;
+    border-left: 1px solid #ccc;
+    margin-top: 12px;
+
+    .splitview-header{
+      height: 30px;
+      font-size: 12px;
+      letter-spacing: 1px;
+      font-family: "RALEWAY";
+      font-weight: 600;    
+      display: flex;
+      align-items: center;
+    }
+
+    .mat-checkbox.qms-group-options {
+      padding: 0px;
+    }
+
+    .mat-checkbox.qms-group-options .mat-checkbox-inner-container {
+      margin-right: 11px;
+    }
+
+    .mat-checkbox.qms-group-options.mat-checkbox-checked {
+      background: transparent !important;
+    }
+
+    .expand-node {
+      margin-left: 8px;
+      display: flex;
+      align-items: center;
+      min-height: 40px;
+  
+      .mat-icon {
+        color: black(0.6);
+        margin-right: 17px;
+        min-width: fit-content;
+  
+        svg {
+          display: block;
+          min-width: fit-content;
+        }
+      }
+    }
+  }
 }
 
 cdk-virtual-scroll-viewport {

package/src/lib/components/table/table.scss

@@ -80,30 +80,8 @@ $heightAction: 46px;
   }
 }
 
-.btn-more {
+button.btn-more {
   display: none;
-  cursor: pointer;
-  border: 1px solid #ddd;
-  height: 100%;
-  border-radius: 0;
-  box-sizing: border-box;
-  position: relative;
-  overflow: hidden;
-  -webkit-tap-highlight-color: transparent;
-  white-space: nowrap;
-  text-decoration: none;
-  vertical-align: baseline;
-  text-align: center;
-  margin: 0;
-  font-family: Open Sans;
-  font-weight: 600;
-  font-size: 14px;
-  letter-spacing: 1px;
-  font-style: normal;
-  outline: none;
-  line-height: 40px;
-  padding: 0 9px;
-  background-color: #fff;
 
   mat-icon {
     color: $primary;
@@ -137,7 +115,7 @@ $heightAction: 46px;
 }
 
 @media (max-width: 1199.98px) {
-  .btn-block1 {
+  button.btn-block1 {
     display: inline-block;
   }
   .block1 {
@@ -146,7 +124,7 @@ $heightAction: 46px;
 }
 
 @media (max-width: 991.98px) {
-  .btn-block2 {
+  button.btn-block2 {
     display: inline-block;
   }
   .block2 {
@@ -155,7 +133,7 @@ $heightAction: 46px;
 }
 
 @media (max-width: 767.98px) {
-  .btn-block3 {
+  button.btn-block3 {
     display: inline-block;
   }
   .block3 {
@@ -164,7 +142,7 @@ $heightAction: 46px;
 }
 
 @media (max-width: 575.98px) {
-  .btn-block4 {
+  button.btn-block4 {
     display: inline-block;
   }
   .block4 {

package/src/lib/qms-ckeditor-components/components/qms-ckeditor-tooltip/qms-ckeditor-tooltip.component.scss

@@ -0,0 +1,11 @@
+@import '../../styles/style.scss';
+.qmsckeditor__tooltip__container {
+    .mat-form-field {
+        width: 100%;
+    }
+
+    textarea.mat-input-element {
+        min-height: 150px;
+    }
+}
+

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

@@ -16,7 +16,8 @@
 
 .qms-ckeditor {
   .ck.ck-editor__editable {
-    min-height: 150px;
+    max-height: 172px;
+    min-height: 172px;
     background-color: black(0.04);
     font-family: Open Sans;
 
@@ -24,6 +25,33 @@
       background-color: black(0.08);
       border-bottom: 2px solid black(0.38);
     }
+
+    /* width */
+    &::-webkit-scrollbar {
+      width: 12px;
+    }
+
+    /* Track */
+    &::-webkit-scrollbar-track {
+      background: transparent;
+      background-clip: content-box;
+    }
+
+    /* Handle */
+    &::-webkit-scrollbar-thumb {
+      background: black(0.38);
+      border-radius: 20px;
+      width: 4px;
+      border: 4px solid transparent;
+      background-clip: content-box;
+    }
+
+    /* Handle on hover */
+    &::-webkit-scrollbar-thumb:hover {
+      background: black(0.5);
+      background-clip: content-box;
+      border: 4px solid transparent;
+    }
   }
 
   .ck-placeholder {

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

@@ -146,3 +146,9 @@
         font-size: 20px;
     }
 }
+
+.qmsckeditor.tooltip-content.height{
+    min-height: 400px;
+    max-height: 450px;
+    overflow: auto;
+}

package/src/themes/core/_form.scss

@@ -104,6 +104,10 @@ $padding-field-flex-datepicker: 0.9rem 1rem 1rem 1rem;
         height: auto;
       }
 
+      textarea.mat-input-element {
+        padding: 0;
+      }
+
       &.mat-focused {
         .mat-form-field-label {
           color: $primary;

package/src/themes/core/_input.scss

@@ -9,4 +9,12 @@
             padding-right: 0.5em;
         }
     }
+}
+
+/* Change the white to any color */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+    transition: background-color 5000s ease-in-out 0s;
 }

package/src/themes/core/_scrollbar.scss

@@ -1,5 +1,5 @@
 @import "colors";
-.qms-scrollbar{
+.qms-scrollbar {
     /* width */
   &::-webkit-scrollbar {
       width: 12px;
@@ -26,4 +26,11 @@
     background-clip: content-box;
     border: 4px solid transparent;
   }
-}
+
+  &.none-scroll-bg {
+    &::-webkit-scrollbar-track {
+      background: transparent; 
+      background-clip: content-box;
+    }
+  }
+}

package/src/themes/core/_styles.scss

@@ -41,6 +41,11 @@
   padding-top: 21px !important;
   padding-bottom: 21px !important;
   .mat-simple-snackbar {
+    button {
+      &:hover {
+          background-color: $primary-light-6-opacity;
+      }
+    }
     span {
       font-family: "Open Sans";
       font-style: normal;