qms-angular 1.0.50 → 1.0.54

package/src/lib/components/badges/_qms-badges-base.scss

@@ -0,0 +1,122 @@
+@import "../../../themes/core/typography";
+
+$qms-badges-primary-background: #B7DAF8;
+$qms-badges-primary-text-color: #00324E;
+$qms-badges-primary-icon-background: #00324E;
+$qms-badges-primary-circle-background: #00324E;
+
+
+$qms-badges-yellow-background: rgba(228, 207, 83, 0.3);
+$qms-badges-yellow-text-color: #726729;
+
+$qms-badges-green-background: rgba(0, 128, 76, 0.1);
+$qms-badges-green-icon-background: #005935;
+$qms-badges-green-border: #005935;
+$qms-badges-green-text-color: #005935;
+
+$qms-badges-red-background: rgba(176, 0, 32, 0.08);
+$qms-badges-red-icon-background: #B00020;
+$qms-badges-red-text-color: #B00020;
+
+$qms-badges-orange-background:#FAEDE8;
+$qms-badges-orange-text-color: #9E360F;
+$qms-badges-orange-icon-background: #9E360F;
+$qms-badges-orange-circle-background: #B00020;
+
+$qms-badges-grey-background:#E5E5E5;
+$qms-badges-grey-text-color: #525252;
+
+$qms-badges-brown-background:#F0EAE7;
+$qms-badges-brown-text-color: #59280B;
+$qms-badges-brown-icon-background: #59280B;
+
+$qms-badges-write-text-color: #fff;
+
+.badges-container-primary {
+    background-color: $qms-badges-primary-background;
+}
+
+.badges-container-yellow {
+    background-color: $qms-badges-yellow-background;
+}
+
+.badges-container-green {
+    background-color: $qms-badges-green-background;
+    border: $qms-badges-green-border;
+}
+
+.badges-container-red {
+    background-color: $qms-badges-red-background;
+}
+
+.badges-container-orange {
+    background-color: $qms-badges-orange-background;
+}
+
+.badges-container-grey {
+    background-color: $qms-badges-grey-background;
+}
+
+.badges-container-brown {
+    background-color: $qms-badges-brown-background;
+}
+
+
+.badges-container-primary-icon {
+    background-color: $qms-badges-primary-icon-background;
+}
+
+.badges-container-icon-green {
+    background-color: $qms-badges-green-icon-background;
+}
+
+.badges-container-icon-red {
+    background-color: $qms-badges-red-icon-background;
+}
+
+.badges-container-icon-orange {
+    background-color: $qms-badges-orange-icon-background;
+}
+
+.badges-container-icon-brown {
+    background-color: $qms-badges-brown-icon-background;
+}
+.badges-container-circle-primary {
+    background-color: $qms-badges-primary-circle-background;
+}
+
+.badges-container-circle-orange {
+    background-color: $qms-badges-orange-icon-background;
+}
+
+.text-color-primary {
+    color: $qms-badges-primary-text-color;
+}
+
+.text-color-red {
+    color: $qms-badges-red-text-color;
+}
+
+.text-color-green {
+    color: $qms-badges-green-text-color;
+}
+
+.text-color-yellow {
+    color: $qms-badges-yellow-text-color;
+}
+
+.text-color-grey {
+    color: $qms-badges-grey-text-color;
+}
+
+.text-color-brown {
+    color: $qms-badges-brown-text-color;
+}
+
+.text-color-orange {
+    color: $qms-badges-orange-text-color;
+}
+
+.text-color-write {
+    color: $qms-badges-write-text-color;
+}

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

@@ -0,0 +1,89 @@
+@import "qms-badges-base";
+
+.qms-badges-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  font-family: "Open Sans";
+  font-style: normal;
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 16px;
+
+  &-text {
+    margin-top: 10px;
+    margin-bottom: 10px;
+  }
+
+  .margin-horizontal-17 {
+    margin-left: 17px;
+    margin-right: 17px;
+  }
+
+  .qms-badges-button {
+    margin-left: auto;
+    margin-right: 8px;
+  }
+}
+.qms-badges-circle-large {
+  width: 24px;
+  height: 24px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.qms-badges-circle-medium {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.qms-badges-circle-small {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.qms-badges-default {
+  height: 24px;
+  padding: 0px 5px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .mat-icon {
+    width: auto;
+    height: auto;
+  }
+}
+
+.font-bold {
+  font-weight: bold;
+}
+
+.font-size-14 {
+  font-size: 14px;
+}
+
+.font-size-16 {
+  font-size: 16px;
+}
+
+.font-size-12 {
+  font-size: 12px;
+}
+
+.font-size-8 {
+  font-size: 8px;
+}
+
+.line-height-22 {
+  line-height: 22px;
+}

package/src/lib/components/list/_list-base.scss

@@ -18,6 +18,7 @@ $border-radius-default: 2px;
 $image-circle-size: 40px; 
 $image-square-size: 56px;
 $image-rect-width: 100px;
+$image-rect-unset: unset;
 
 @mixin size($size) {
   font-size: $size;

package/src/lib/components/list/list.scss

@@ -216,14 +216,14 @@ img.leading-icon {
 
   &.image-rect {
     @include image-shape(
-      $image-rect-width,
+      $image-rect-unset,
       $image-square-size,
       $border-radius-default
     );
 
     img {
       @include image-shape(
-        $image-rect-width,
+        $image-rect-unset,
         $image-square-size,
         $border-radius-default
       );

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

@@ -115,7 +115,7 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
-        max-width: 320px;
+        max-width: 278px;
       }
     }
   }

package/src/lib/components/related/tree/tree.component.scss

@@ -75,7 +75,7 @@
       color: black(0.6);
       margin-right: 17px;
       min-width: fit-content;
-
+      
       svg {
         display: block;
         min-width: fit-content;

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

@@ -0,0 +1,16 @@
+@import '../../styles/style.scss';
+.qmsckeditor__about__container {
+    .qmsckeditor__about__logo__container {
+        display: flex; 
+        justify-content: center;
+        margin-bottom: 10px;
+    }
+
+    .qmsckeditor__about__logo {
+        height: 64px
+    }
+
+    .qmsckeditor__about__button {
+        float: right;
+    }
+}

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

@@ -37,7 +37,7 @@
     bottom:0;
     left:0;
     right:0;
-    margin-bottom: 17px;
+    margin-bottom: 16px;
     height:50px;
     width:100%;
   }
@@ -151,6 +151,20 @@
     width: 70%;
     float: none;
   }
+
+  ::ng-deep .object-property[data-property$="/fill"] {
+    width: 100%;
+  }
+  ::ng-deep .object-property[data-property$="/stroke"]
+  {
+    width: 100%;
+  }
+  ::ng-deep .field[data-field$="/fill"] {
+    width: 100%;
+  }
+  ::ng-deep .field[data-field$="/stroke"] {
+      width: 100%;
+  }
 }
 
 

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

@@ -0,0 +1,5 @@
+.qmsckeditor__flowchart__container {
+  ::ng-deep .mat-dialog-content {
+    padding: 0 0;
+  }
+}

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

@@ -1,4 +1,8 @@
 /* #region margin-top */
+.mt-n4{
+    margin-top: -4px !important;
+}
+
 .mt5 {
     margin-top: 5px !important;
 }
@@ -11,14 +15,23 @@
   margin-top: 7px !important;
 }
 
+.mt8 {
+    margin-top: 8px !important;
+}
+
 .mt15 {
     margin-top: 15px !important;
 }
 
+
 .mt20 {
     margin-top: 20px !important;
 }
 
+.mt24 {
+    margin-top: 24px !important;
+}
+
 .mt30 {
     margin-top: 30px !important;
 }
@@ -135,6 +148,13 @@
 
 /*  #endregion */
 
+/* #region padding */
+.pa0 {
+    padding: 0px !important;
+}
+ 
+/*  #endregion */
+
 
 /* #region font-size*/
 .fs12 {
@@ -152,6 +172,10 @@
 .fs22 {
     font-size: 22px !important;
 }
+
+.fs32 {
+    font-size: 32px !important;
+}
 /* #endregion */
 
 

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

@@ -174,3 +174,11 @@
 .ck-content .page-break {
   width: 100%;
 }
+
+.ck-content .ck-horizontal-line {
+    width: 100%;
+}
+
+.ck-content hr {
+    background: #ccc;
+}

package/src/themes/_color.scss

@@ -51,7 +51,7 @@ $button-green-background:  #00804C;
 $text-not-accepted: #B00020;
 $text-considered: #726729;
 $text-accepted: #005935;
-$tab-hover-background: #F2F7FD;
+$tab-hover-background: rgb(25, 84, 169, 0.06);
 $tab-focus-background: #E5EEFB;
 $tab-border: #666666;
 $tab-primary-label: rgba(255, 255, 255, 0.24);

package/src/themes/_scrollbar.scss

@@ -6,10 +6,10 @@
 
 /* Track */
 ::-webkit-scrollbar-track {
-  background: black(0.12);
+  background: black(0.12); 
   background-clip: content-box;
 }
-
+ 
 /* Handle */
 ::-webkit-scrollbar-thumb {
   background: black(0.38);
@@ -21,14 +21,14 @@
 
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
-  background: black(0.5);
+  background: black(0.5); 
   background-clip: content-box;
   border: 4px solid transparent;
 }
 
 .none-scroll-bg {
   &::-webkit-scrollbar-track {
-    background: transparent;
+    background: transparent; 
     background-clip: content-box;
   }
-}
+}