Fix various row/cell-related CSS

- the current CSS takes for granted that the virtualization library is setting position+widths which is no longer always the case - our CSS should now provide sane fallbacks for custom rendering
elastic · Mar 1, 2023 · 09b6d65 · 09b6d65
1 parent a4964ad
commit 09b6d65
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/components/datagrid/_data_grid_data_row.scss b/src/components/datagrid/_data_grid_data_row.scss
@@ -24,6 +24,7 @@
   }
 
   &:focus {
+    position: relative;
     @include euiDataGridCellFocus;
   }
 

diff --git a/src/components/datagrid/body/footer/_data_grid_footer_row.scss b/src/components/datagrid/body/footer/_data_grid_footer_row.scss
@@ -1,5 +1,6 @@
 .euiDataGridFooter {
   display: flex;
+  width: fit-content;
 }
 
 @include euiDataGridFooterCell {

diff --git a/src/components/datagrid/body/header/_data_grid_header_row.scss b/src/components/datagrid/body/header/_data_grid_header_row.scss
@@ -4,6 +4,7 @@
   background: $euiColorEmptyShade;
   position: sticky;
   top: 0;
+  width: fit-content;
 }
 
 @include euiDataGridHeaderCell {
-Original file line number
+Diff line change
@@ Expand Up / @@ -24,6 +24,7 @@ @@
       }
       &:focus {
+        position: relative;
         @include euiDataGridCellFocus;
       }
@@ Expand Down @@