From 87667289a93d6868aaaf271ef2c06bc1b780c35d Mon Sep 17 00:00:00 2001 From: Ivan Donchev Date: Fri, 25 Nov 2022 12:47:18 +0200 Subject: [PATCH] fix(datagrid): vertically center filter icons and select all checkbox closes #156 Signed-off-by: Ivan Donchev --- projects/angular/src/data/datagrid/_datagrid.clarity.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/projects/angular/src/data/datagrid/_datagrid.clarity.scss b/projects/angular/src/data/datagrid/_datagrid.clarity.scss index adf2191312..d28e865f34 100644 --- 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 {