ontimize-web-ngx 15.0.0-beta.2 → 15.0.0-beta.4

package/theming/styles/density.scss

@@ -1,37 +1,51 @@
 @use '@angular/material'as mat;
 @use "sass:selector";
 
-@mixin checkbox($ripple-size, $touch-target-size, $icon-size) {
+@mixin checkbox() {
 
 
-  mat-checkbox.mat-mdc-checkbox .mdc-checkbox,
-  .mdc-list-item.mat-mdc-list-option .mdc-checkbox {
-    padding: calc((var(--mdc-checkbox-ripple-size, $ripple-size) - var(--mdc-checkbox-icon-size, $icon-size)) / 2);
-    margin: calc((var(--mdc-checkbox-touch-target-size, $touch-target-size) - var(--mdc-checkbox-icon-size)) / 2);
-
-    .mdc-checkbox__background {
-      top: calc((var(--mdc-checkbox-ripple-size, $ripple-size) - var(--mdc-checkbox-icon-size, $icon-size)) / 2);
-      left: calc((var(--mdc-checkbox-ripple-size, $ripple-size) - var(--mdc-checkbox-icon-size, $icon-size)) / 2);
-      height: var(--mdc-checkbox-icon-size, $icon-size);
-      width: var(--mdc-checkbox-icon-size, $icon-size);
-    }
+  mat-checkbox.mat-mdc-checkbox .mdc-checkbox {
 
-    .mdc-checkbox__native-control {
-      top: calc((20px - var(--mdc-checkbox-touch-target-size, $touch-target-size)) / 2);
-      right: calc((20px - var(--mdc-checkbox-touch-target-size, $touch-target-size)) / 2);
+    @include checkbox-size(28px, 16px);
+  }
 
-      left: calc((20px - var(--mdc-checkbox-touch-target-size, $touch-target-size)) / 2);
-      width: var(--mdc-checkbox-touch-target-size, $touch-target-size);
-      height: var(--mdc-checkbox-touch-target-size, $touch-target-size);
+  .o-table {
+    mat-checkbox.mat-mdc-checkbox .mdc-checkbox {
+      @include checkbox-size(28px, 18px);
     }
+  }
 
-    .mat-mdc-checkbox-touch-target {
-      height: var(--mdc-checkbox-touch-target-size, $touch-target-size);
-      width: var(--mdc-checkbox-touch-target-size, $touch-target-size);
-    }
+  .mdc-list-item.mat-mdc-list-option .mdc-checkbox {
+    @include checkbox-size(21px, 15px);
+  }
+
+}
+
+@mixin checkbox-size($ripple-size, $icon-size) {
+  width: $icon-size;
+  height: $icon-size;
+  flex: 0 0 $icon-size;
+  padding: calc(($ripple-size - $icon-size) / 2) + 1;
+
+
+  .mdc-checkbox__background {
+    top: calc(($ripple-size - $icon-size) / 2) + 1;
+    left: calc(($ripple-size - $icon-size) / 2) + 1;
+    width: $icon-size;
+    height: $icon-size;
+  }
+
+  .mdc-checkbox__native-control {
+    width: $ripple-size;
+    height: $ripple-size;
+
+  }
 
-    //}
+  .mat-mdc-checkbox-touch-target {
+    height: $icon-size;
+    width: $icon-size;
   }
+
 }
 
 @mixin radio() {
@@ -58,4 +72,19 @@
 
 @mixin o-form-field() {
   @include mat.form-field-density(-2);
+}
+
+@mixin menu($typography) {
+
+  /*MAT MENU*/
+  .o-mat-menu.mat-mdc-menu-panel {
+    min-height: auto;
+
+    @if($typography) {
+      .mdc-list-item__primary-text{
+        font-size: mat.font-size($typography, body-2);
+
+      }
+    }
+  }
 }

package/theming/styles/ontimize-v8/o-form-field-style.scss

@@ -36,9 +36,10 @@
     .mat-mdc-form-field-flex {
       .mat-mdc-form-field-infix {
         min-height: auto;
-        padding-bottom: 4px;
-
 
+        .mat-mdc-form-field-input-control:not(textarea){
+          height: 1em;
+        }
         .mat-mdc-floating-label {
           display: block;
         }

package/theming/styles/ontimize-v8/o-table-style.scss

@@ -9,7 +9,7 @@
   $typography: map.get($theme, typography);
 
   /* TABLE */
-  .ontimize-table.o-table {
+  .ontimize-table.o-table.o-table {
     font-weight: 400;
 
     .o-table-container {