fix(datagrid): vertically center filter icons and select all checkbox

closes #156 Signed-off-by: Ivan Donchev <idonchev@vmware.com>
vmware-clarity · Nov 28, 2022 · 8766728 · 8766728
1 parent 895bb00
commit 8766728
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/projects/angular/src/data/datagrid/_datagrid.clarity.scss b/projects/angular/src/data/datagrid/_datagrid.clarity.scss
@@ -508,6 +508,11 @@
 
     .datagrid-select {
       min-width: $clr_baselineRem_0_375 - $clr-table-borderwidth; // This fixed an issue that made the cell too wide.
+      align-items: center;
+      .clr-checkbox-wrapper {
+        // compensate for the default checkbox margin, defined in its ::before section
+        margin-top: -1 * $clr_baselineRem_0_25;
+      }
     }
 
     .datagrid-signpost-trigger .signpost {
@@ -687,6 +692,7 @@
         display: flex;
         order: 99;
         margin-left: auto;
+        align-items: center;
       }
 
       .datagrid-filter-input-spacer {