Browse Source

fix(grid-editable): adjust resizer height (#69190)

Ogi 10 months ago
parent
commit
6eb9477965
1 changed files with 4 additions and 2 deletions
  1. 4 2
      static/app/components/gridEditable/styles.tsx

+ 4 - 2
static/app/components/gridEditable/styles.tsx

@@ -5,7 +5,7 @@ import PanelBody from 'sentry/components/panels/panelBody';
 import {space} from 'sentry/styles/space';
 
 export const GRID_HEAD_ROW_HEIGHT = 45;
-export const GRID_BODY_ROW_HEIGHT = 40;
+export const GRID_BODY_ROW_HEIGHT = 42;
 export const GRID_STATUS_MESSAGE_HEIGHT = GRID_BODY_ROW_HEIGHT * 4;
 
 /**
@@ -269,7 +269,9 @@ export const GridResizer = styled('div')<{dataRows: number}>`
 
   height: ${p => {
     const numOfRows = p.dataRows;
-    const height = GRID_HEAD_ROW_HEIGHT + numOfRows * GRID_BODY_ROW_HEIGHT;
+    // 1px for the border
+    const totalRowHeight = numOfRows * (GRID_BODY_ROW_HEIGHT + 1);
+    const height = GRID_HEAD_ROW_HEIGHT + totalRowHeight;
 
     return height;
   }}px;