new-front-common-library 16.0.1-REF-1 → 16.0.1-REF-2

package/assets/css/_dark-theme.scss

@@ -525,11 +525,6 @@
     color: $blue-primary !important;
   }
 
-  .mat-datepicker-content .mat-calendar {
-    width: 220px;
-    height: auto;
-  }
-
   .mat-calendar-controls {
     display: flex;
     margin: 0% calc(33% / 7 - 16px);

package/assets/css/_global.scss

@@ -105,6 +105,11 @@ body, html {
   height: 1em !important;
 }
 
+.mat-datepicker-content .mat-calendar {
+  width: 230px;
+  height: auto;
+}
+
 .mat-row .mat-form-field .mat-datepicker-toggle-default-icon {
   height: 15px !important;
   margin-top: -8px;
@@ -324,7 +329,7 @@ textarea {
 
 .mat-standard-chip.mat-chip-with-trailing-icon{
   padding-right: 2px;
-  padding-left: 4px;
+  padding-left: 2px;
 }
 
 .mat-standard-chip .mat-chip-remove, .mat-standard-chip .mat-chip-trailing-icon{
@@ -434,6 +439,10 @@ mat-paginator .mat-select-trigger {
   vertical-align: middle;
 }
 
+.action-menu.mat-menu-panel {
+  max-width: 100%;
+}
+
 .mat-menu-panel {
   min-height: auto !important;
 }
@@ -447,6 +456,7 @@ mat-paginator .mat-select-trigger {
   border-radius: 6px;
   width: auto;
   padding: 0 8px 0 8px;
+  height: 24px !important;
 }
 
 .cancel-button {
@@ -458,6 +468,7 @@ mat-paginator .mat-select-trigger {
   width: auto;
   padding: 0 8px 0 8px;
   cursor: pointer;
+  height: 24px !important;
 }
 
 .expand-button {

package/assets/css/_light-theme.scss

@@ -549,11 +549,6 @@
     color: $blue-primary !important;
   }
 
-  .mat-datepicker-content .mat-calendar {
-    width: 220px;
-    height: auto;
-  }
-
   .mat-calendar-controls {
     display: flex;
     margin: 0% calc(33% / 7 - 16px);

package/assets/css/_themes.scss

@@ -22,7 +22,8 @@ $mat-theme-ignore-duplication-warnings: true;
 $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'
+        $font-family: '"Roboto","Source Sans Pro",Poppins',
+        $button: mat.define-typography-level(14px, 14px, 500, $letter-spacing: normal)
 );
 $light-theme: mat.define-light-theme((
         color: (

package/assets/css/material/_mdc-light-theme.scss

@@ -259,4 +259,9 @@
     border-bottom: $light-border-color 1px solid;
   }
 
+  --mdc-checkbox-selected-icon-color: #{$blue-primary};
+  --mdc-checkbox-selected-hover-icon-color: #{$blue-primary};
+  --mdc-checkbox-selected-focus-icon-color: #{$blue-primary};
+  --mdc-checkbox-selected-pressed-icon-color: #{$blue-primary};
+
 }

package/assets/css/material/_mdc.scss

@@ -172,7 +172,7 @@ mat-paginator .mat-mdc-select-trigger {
 }
 
 .global-search .mat-mdc-form-field-infix {
-  padding-top: 10px !important;
+  padding-top: 8px !important;
 }
 
 // chips
@@ -199,6 +199,11 @@ mat-paginator .mat-mdc-select-trigger {
   margin-left: 4px;
 }
 
+.mat-mdc-standard-chip .mdc-evolution-chip__action--primary {
+  padding-left: 5px;
+  padding-right: 5px;
+}
+
 // Styles for specific buttons in dialog containers
 .mat-mdc-dialog-container .btn-primary,
 .mat-mdc-dialog-container .btn-danger,
@@ -283,6 +288,10 @@ mat-label {
   background: none !important;
 }
 
+.action-menu.mat-mdc-menu-panel {
+  max-width: 100%;
+}
+
 .action-menu .mat-mdc-menu-item {
   min-height: 24px;
   line-height: 24px;
@@ -324,7 +333,7 @@ mat-label {
   border-bottom: none;
 }
 
-.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
+.mat-mdc-table .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
   top: 0;
 }
 
@@ -334,3 +343,7 @@ input:-webkit-autofill:focus,
 input:-webkit-autofill:active{
   transition: background-color 5000000s ease-in-out 0s !important;
 }
+
+.mat-mdc-paginator-page-size-select {
+  width: 56px;
+}

package/assets/i18n/front-common/de.json

@@ -20,5 +20,11 @@
       "PASSWORD":"Password",
       "SIGN_IN": "Log in"
     }
+  },
+  "PAGINATOR": {
+    "ITEMS_PER_PAGE": "Items per page:",
+    "NEXT_PAGE": "Next page",
+    "PREVIOUS_PAGE": "Previous page",
+    "OF_LABEL": "of"
   }
 }

package/assets/i18n/front-common/en.json

@@ -20,5 +20,11 @@
       "PASSWORD":"Password",
       "SIGN_IN": "Log in"
     }
+  },
+  "PAGINATOR": {
+    "ITEMS_PER_PAGE": "Items per page:",
+    "NEXT_PAGE": "Next page",
+    "PREVIOUS_PAGE": "Previous page",
+    "OF_LABEL": "of"
   }
 }

package/assets/i18n/front-common/fr.json

@@ -20,5 +20,11 @@
       "PASSWORD":"Mot de passe",
       "SIGN_IN": "Connexion"
     }
+  },
+  "PAGINATOR": {
+    "ITEMS_PER_PAGE": "Eléments par page:",
+    "NEXT_PAGE": "Page suivante",
+    "PREVIOUS_PAGE": "Page précédente",
+    "OF_LABEL": "sur"
   }
 }