ets-fe-ng-sdk 19.0.84 → 19.0.86

package/assets/scss/styles.scss

@@ -1,9 +1,11 @@
 @import url(./loader.scss);
+
 :root {
   --disabled-input-bg: #f4f4f4;
   --borderRadius: 16px;
   --mat-stepper-container-color: #ffffff00;
 }
+
 html {
   --mat-stepper-header-edit-state-icon-background-color: var(--primary);
 }
@@ -13,6 +15,7 @@ html {
   src: url(../fonts/Raleway/Raleway-Italic-VariableFont_wght.ttf);
   font-style: italic;
 }
+
 @font-face {
   font-family: Raleway;
   src: url(../fonts/Raleway/Raleway-VariableFont_wght.ttf);
@@ -95,14 +98,40 @@ html {
     .shadow-#{$i} {
       box-shadow: var(--shadow-#{$i}) !important;
     }
+
     .rounded-#{$i} {
       border-radius: var(--space-#{$i}) !important;
     }
+
+    .fs-#{$i} {
+      font-size: #{$i}px;
+    }
+
+    .g-#{$i},
+    .gy-#{$i} {
+      --bs-gutter-y: #{$i}px;
+    }
+
+    .g-#{$i},
+    .gx-#{$i} {
+      --bs-gutter-x: #{$i}px;
+    }
+
+    .gap-#{$i},
+    .column-gap-#{$i} {
+      column-gap: #{$i}px;
+    }
+
+    .gap-#{$i},
+    .row-gap-#{$i} {
+      row-gap: #{$i}px;
+    }
   }
 }
 
 @include custom_spacings;
-router-outlet + * {
+
+router-outlet+* {
   height: 100%;
 }
 
@@ -119,6 +148,7 @@ router-outlet + * {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
   transform: translate3d(0, -10px, 0);
 }
+
 .customdate {
   .mat-mdc-icon-button {
     --mdc-icon-button-icon-color: var(--primary);
@@ -174,9 +204,11 @@ router-outlet + * {
       .mat-button-toggle-group {
         height: calc(100% - 24px);
         overflow: auto;
+        // overflow: hidden;
         display: block;
         border: none;
         width: 40px;
+        width: auto;
 
         .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
           line-height: 40px;
@@ -234,6 +266,7 @@ router-outlet + * {
 .iti {
   width: 100%;
 }
+
 .iti__flag-container {
   right: 15px;
 }
@@ -247,12 +280,14 @@ router-outlet + * {
     border-color: var(--primary);
   }
 }
+
 .animate-border-primary {
   animation-name: animateBorderPrimary;
   animation-duration: 1s;
   animation-iteration-count: infinite;
   border: 1px solid #dcdcdc33;
 }
+
 .text-ellipsis {
   text-overflow: ellipsis;
   /* word-wrap: normal; */
@@ -261,6 +296,7 @@ router-outlet + * {
   overflow: hidden;
   white-space: nowrap;
 }
+
 .pointer {
   cursor: pointer;
 }
@@ -269,6 +305,7 @@ router-outlet + * {
 .mat-mdc-tooltip {
   white-space: pre;
 }
+
 .text-shadow {
   text-shadow: 0 0 10px #000000bd;
 }
@@ -279,9 +316,11 @@ router-outlet + * {
     align-items: center;
     justify-content: center;
   }
+
   .cell {
     display: inline-block;
   }
+
   .expandBtn {
     min-height: 1px;
     height: auto;
@@ -310,6 +349,7 @@ router-outlet + * {
   background-color: var(--disabled-input-bg);
   cursor: default;
 }
+
 .mdc-tooltip__surface.mdc-tooltip__surface-animation {
   white-space: break-spaces;
 }
@@ -318,13 +358,16 @@ router-outlet + * {
   0% {
     color: red;
   }
+
   50% {
     color: black;
   }
+
   100% {
     color: red;
   }
 }
+
 .caution {
   animation: caution;
   animation-duration: 1s;