new-front-common-library 16.1.0-REF-2 → 16.1.0-REF-4

package/assets/css/new-themes/_global-16.scss

@@ -114,7 +114,6 @@ body, html {
 }
 
 .action-button {
-  font-weight: bold !important;
   font-size: 14px;
   line-height: 32px;
   width: auto;
@@ -125,6 +124,7 @@ body, html {
 }
 
 .action-button, .save-button, .cancel-button, .btn {
+  font-weight: 500 !important;
   box-shadow: 0 2px 2px rgba(68, 93, 123, 0.16), inset 0 3px 6px rgba(255, 255, 255, 0.08), inset 0px -3px 6px rgba(68, 93, 123, 0.08);
   border-radius: 6px;
 }
@@ -147,7 +147,6 @@ body, html {
 
 .btn {
   height: 24px !important;
-  font-weight: bold !important;
 }
 
 // END BUTTON
@@ -180,6 +179,11 @@ body, html {
   display: flex;
   flex-direction: column;
 }
+
+.mat-mdc-header-cell mat-label {
+  font-weight: 700;
+  letter-spacing: 0.375px;
+}
 // END FORM GROUP
 
 // NG-SELECT
@@ -188,12 +192,13 @@ body, html {
 }
 
 .ng-select {
-  padding-bottom: 0.9em;
+  margin-bottom: 0.9em;
 }
 
 .mat-mdc-cell .ng-select {
   padding-bottom: 2px;
   padding-top: 2px;
+  margin-bottom: 0;
 }
 
 .ng-select .ng-select-container {

package/assets/css/new-themes/_themes-16.scss

@@ -17,7 +17,7 @@ $light-primary: mat.define-palette($light-unity-palette);
 $light-accent: mat.define-palette($light-unity-palette);
 $light-typography: mat.define-typography-config(
   $font-family: '"Roboto","Source Sans Pro",Poppins',
-  $button: mat.define-typography-level(14px, 14px, 500, $letter-spacing: normal)
+  $button: mat.define-typography-level(14px, 14px, 500, $letter-spacing: 0.25px)
 );
 $light-theme: mat.define-light-theme((
   color: (

package/assets/css/new-themes/material-16/_mdc-dark-theme.scss

@@ -53,6 +53,10 @@
     color: $gray-background-lightest;
   }
 
+  .mat-mdc-paginator-icon {
+    fill: $gray-background-lightest;
+  }
+
   //END PAGINATOR
 
   // FORM FIELD
@@ -79,7 +83,7 @@
   }
 
   .mat-mdc-header-cell mat-label {
-    color: $gray-background-lightest !important;
+    color: $gray-strong !important;
   }
 
 
@@ -201,15 +205,6 @@
   }
   //END RADIO BUTTON
 
-  //BADGE
-
-  .mat-badge-content {
-    color: white;
-    background: $red-primary !important;
-  }
-
-  //END BADGE
-
 
   //.mat-mdc-card {
   //  padding: 5px !important;

package/assets/css/new-themes/material-16/_mdc-light-theme.scss

@@ -43,6 +43,10 @@
     color: $black-bluish;
   }
 
+  .mat-mdc-paginator-icon {
+    fill: $black-bluish;
+  }
+
   // END PAGINATOR
 
   // FORM FIELD
@@ -78,6 +82,10 @@
     background: $gray-background-lightest;
   }
 
+  .mat-mdc-header-cell mat-label {
+    color: $black-bluish !important;
+  }
+
   .mat-sort-header-arrow {
     color: $black-bluish;
   }
@@ -199,15 +207,6 @@
   }
   //END RADIO BUTTON
 
-  //BADGE
-
-  .mat-badge-content {
-    color: white;
-    background: $red-primary !important;
-  }
-
-  //END BADGE
-
 
 
   //.mat-mdc-card {

package/assets/css/new-themes/material-16/_mdc.scss

@@ -3,12 +3,6 @@
   min-height: unset;
 }
 
-.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon {
-  font-size: 14px;
-  height: 14px;
-  width: 14px;
-}
-
 .mat-mdc-menu-panel .mat-mdc-menu-item .mat-mdc-menu-item-text {
   font-size: 14px;
 }
@@ -17,6 +11,13 @@
   max-width: 100%;
 }
 
+
+.action-menu.mat-mdc-menu-panel .mat-mdc-menu-item .mat-icon {
+  font-size: 14px;
+  height: 14px;
+  width: 14px;
+}
+
 .btn-table-action .mat-icon {
   color: $blue-primary;
 }