[EuiDataGrid] Fix size of rightmost cell resizer (#4268)

elastic · Nov 18, 2020 · aca6223 · aca6223
1 parent f48a6bc
commit aca6223
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,11 @@ No public interface changes since `30.4.0`.
 - Added several Sass mixins for handling of unified focus/hover states ([#4242](https://github.com/elastic/eui/pull/4242))
 - Exported `useDataGridColumnSelector`, `useDataGridColumnSorting`, and `useDataGridStyleSelector` hooks ([#4271](https://github.com/elastic/eui/pull/4271))
 
+**Bug fixes**
+
+- Fixed cell resizer overlapping of `EuiDataGrid` rightmost header cell ([#4071](https://github.com/elastic/eui/pull/4268))
+
+
 **Theme: Amsterdam**
 
 - Unify focus states by leaning into `outline` and restricting to keyboard navigation ([#4242](https://github.com/elastic/eui/pull/4242))

diff --git a/src/components/datagrid/_data_grid_column_resizer.scss b/src/components/datagrid/_data_grid_column_resizer.scss
@@ -38,6 +38,7 @@
 
     .euiDataGridColumnResizer {
       right: 0;
+      width: $euiSize / 2;
 
       &:after {
         left: auto;