qms-angular 1.0.87 → 1.0.88

package/src/themes/core/_mat-icon.scss

@@ -1,67 +1,67 @@
-@font-face {
-    font-family: "Material Icons";
-    font-display: block;
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/materialicons/v85/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2");
-  }
+// @font-face {
+//     font-family: "Material Icons";
+//     font-display: block;
+//     font-style: normal;
+//     font-weight: 400;
+//     src: url('../../assets/fonts/Material/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format("woff2");
+//   }
   
-  @font-face {
-    font-family: "Material Icons Outlined";
-    font-display: block;
-    font-style: normal;
-    font-weight: 400;
-    src: url(https://fonts.gstatic.com/s/materialiconsoutlined/v56/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2) format("woff2");
-  }
+//   @font-face {
+//     font-family: "Material Icons Outlined";
+//     font-display: block;
+//     font-style: normal;
+//     font-weight: 400;
+//     src: url('../../assets/fonts/Material/gok-H7zzDkdnRel8-DQ6KAXJ69wP1tGnf4ZGhUce.woff2') format("woff2");
+//   }
   
-  .material-icons {
-    font-family: "Material Icons";
-    font-display: block;
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: "liga";
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-    text-rendering: optimizeLegibility;
+//   .material-icons {
+//     font-family: "Material Icons";
+//     font-display: block;
+//     font-weight: normal;
+//     font-style: normal;
+//     font-size: 24px;
+//     line-height: 1;
+//     letter-spacing: normal;
+//     text-transform: none;
+//     display: inline-block;
+//     white-space: nowrap;
+//     word-wrap: normal;
+//     direction: ltr;
+//     -webkit-font-feature-settings: "liga";
+//     /* Support for all WebKit browsers. */
+//     -webkit-font-smoothing: antialiased;
+//     /* Support for Safari and Chrome. */
+//     text-rendering: optimizeLegibility;
   
-    /* Support for Firefox. */
-    -moz-osx-font-smoothing: grayscale;
+//     /* Support for Firefox. */
+//     -moz-osx-font-smoothing: grayscale;
   
-    /* Support for IE. */
-    font-feature-settings: "liga";
-  }
+//     /* Support for IE. */
+//     font-feature-settings: "liga";
+//   }
   
-  .material-icons-outlined {
-    font-family: "Material Icons Outlined";
-    font-display: block;
-    font-weight: normal;
-    font-style: normal;
-    font-size: 24px;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: "liga";
-    /* Support for all WebKit browsers. */
-    -webkit-font-smoothing: antialiased;
-    /* Support for Safari and Chrome. */
-    text-rendering: optimizeLegibility;
+//   .material-icons-outlined {
+//     font-family: "Material Icons Outlined";
+//     font-display: block;
+//     font-weight: normal;
+//     font-style: normal;
+//     font-size: 24px;
+//     line-height: 1;
+//     letter-spacing: normal;
+//     text-transform: none;
+//     display: inline-block;
+//     white-space: nowrap;
+//     word-wrap: normal;
+//     direction: ltr;
+//     -webkit-font-feature-settings: "liga";
+//     /* Support for all WebKit browsers. */
+//     -webkit-font-smoothing: antialiased;
+//     /* Support for Safari and Chrome. */
+//     text-rendering: optimizeLegibility;
   
-    /* Support for Firefox. */
-    -moz-osx-font-smoothing: grayscale;
+//     /* Support for Firefox. */
+//     -moz-osx-font-smoothing: grayscale;
   
-    /* Support for IE. */
-    font-feature-settings: "liga";
-  }
+//     /* Support for IE. */
+//     font-feature-settings: "liga";
+//   }

package/src/themes/core/_table.scss

@@ -3,6 +3,7 @@
 
 .qms-table {
     .mat-checkbox.qms-group-options {
+
         .mat-checkbox-inner-container {
             width: 18px;
             height: 18px;
@@ -22,6 +23,36 @@
         padding-left: 20px;
     }
 
+    a {
+        text-decoration: none;
+        color: #323232;
+        word-break: break-word;
+        margin: -9px -2px;
+        padding: 9px 2px;
+
+        &:hover, &:focus-visible {
+            outline: unset;
+            color: #1954A9;
+            text-decoration: underline;
+        }
+    }
+
+    .clickable-container {
+        margin: -9px 0;
+        padding: 9px 0!important;
+    }
+
+    .clickable-content {
+        padding: 8px 6px;
+        border-radius: 5px;
+        cursor: pointer;
+
+        &:hover {
+            outline: unset;
+            background: rgba(0, 0, 0, 0.12);
+        }
+    }
+
     .qms-table-row {
         padding: 8px 0 8px 20px;
         background: #FFFFFF;
@@ -30,14 +61,21 @@
         margin-top: 8px;
         min-height: 40px;
         font-size: 14px;
+        line-height: 20px;
         font-family: 'Open Sans';
         font-weight: normal;
         color: #323232;
+        align-items: stretch;
+        cursor: pointer;
 
         mat-cell:first-of-type {
             padding: 0;
         }
 
+        mat-cell:last-of-type {
+            padding-right: 16px;
+        }
+
         &[tabindex]:focus-visible {
             outline: 2px auto $primary;
         }
@@ -67,7 +105,16 @@
         &-draft {
             border: 2px dashed rgba(0, 0, 0, 0.12);
         }
-        cursor: pointer;
+
+        .qms-btn-icon {
+            width: 40px;
+            height: 40px;
+            line-height: 40px;
+
+            .qms-btn-icon-wrapper .mat-icon {
+                line-height: 20px;
+            }
+        }
     }
 
     //padding for table types
@@ -110,9 +157,10 @@
         }
 
         .qms-table-row {
-            padding-left: 4px;
+            padding-left: 3px;
 
             .expand-icon {
+                user-select: none;
                 transition: transform 0.2s;
                 margin: 0 10px;
             }
@@ -127,6 +175,7 @@
                 }
 
                 .expand-icon {
+                    user-select: none;
                     transition: transform 0.2s;
                     transform: rotate(180deg);
                 }
@@ -163,6 +212,10 @@
             background: $background-area;
 
             cursor: pointer;
+
+            &[tabindex]:focus-visible {
+                outline: 2px auto $primary;
+            }
             
             .mat-icon {
                 color: $primary;

package/src/themes/core/_typography.scss

@@ -1,108 +1,108 @@
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* greek-ext */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
-  unicode-range: U+1F00-1FFF;
-}
-/* greek */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
-  unicode-range: U+0370-03FF;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Open Sans';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/opensans/v20/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-/* cyrillic-ext */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2');
-  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
-}
-/* cyrillic */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2');
-  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
-}
-/* vietnamese */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2');
-  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
-}
-/* latin-ext */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
-  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-/* latin */
-@font-face {
-  font-family: 'Raleway';
-  font-style: normal;
-  font-weight: 400;
-  font-display: swap;
-  src: url(https://fonts.gstatic.com/s/raleway/v19/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
+// /* cyrillic-ext */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWJ0bbck.woff2') format('woff2');
+//   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+// }
+// /* cyrillic */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFUZ0bbck.woff2') format('woff2');
+//   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+// }
+// /* greek-ext */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWZ0bbck.woff2') format('woff2');
+//   unicode-range: U+1F00-1FFF;
+// }
+// /* greek */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFVp0bbck.woff2') format('woff2');
+//   unicode-range: U+0370-03FF;
+// }
+// /* vietnamese */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFWp0bbck.woff2') format('woff2');
+//   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+// }
+// /* latin-ext */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFW50bbck.woff2') format('woff2');
+//   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+// }
+// /* latin */
+// @font-face {
+//   font-family: 'Open Sans';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/OpenSans/mem8YaGs126MiZpBA-UFVZ0b.woff2') format('woff2');
+//   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+// }
+// /* cyrillic-ext */
+// @font-face {
+//   font-family: 'Raleway';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2') format('woff2');
+//   unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+// }
+// /* cyrillic */
+// @font-face {
+//   font-family: 'Raleway';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2') format('woff2');
+//   unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+// }
+// /* vietnamese */
+// @font-face {
+//   font-family: 'Raleway';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2') format('woff2');
+//   unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+// }
+// /* latin-ext */
+// @font-face {
+//   font-family: 'Raleway';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2') format('woff2');
+//   unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+// }
+// /* latin */
+// @font-face {
+//   font-family: 'Raleway';
+//   font-style: normal;
+//   font-weight: 400;
+//   font-display: swap;
+//   src: url('../../../src/assets/fonts/Raleway/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2') format('woff2');
+//   unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+// }