From 60eefe6c247022aac791e1ae768e5054d44a40ec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Thu, 1 Dec 2022 16:00:25 +0100 Subject: [PATCH 1/2] Table: Fixex row border style not showing and colored rows blending together --- packages/grafana-ui/src/components/Table/styles.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/grafana-ui/src/components/Table/styles.ts b/packages/grafana-ui/src/components/Table/styles.ts index 0f769c4c9333..66109d2c4d06 100644 --- a/packages/grafana-ui/src/components/Table/styles.ts +++ b/packages/grafana-ui/src/components/Table/styles.ts @@ -37,7 +37,9 @@ export const getTableStyles = (theme: GrafanaTheme2) => { label: ${overflowOnHover ? 'cellContainerOverflow' : 'cellContainerNoOverflow'}; padding: ${cellPadding}px; width: 100%; - height: ${rowHeight}px; + // Cell height need to account for row border + height: ${rowHeight - 1}px; + height: 100%; display: flex; align-items: center; border-right: 1px solid ${borderColor}; From 5882673e6163e6a207a8ef8319ffa43b7ceb355c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Thu, 1 Dec 2022 16:02:04 +0100 Subject: [PATCH 2/2] Updated --- packages/grafana-ui/src/components/Table/styles.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/grafana-ui/src/components/Table/styles.ts b/packages/grafana-ui/src/components/Table/styles.ts index 66109d2c4d06..ebc27d5b9798 100644 --- a/packages/grafana-ui/src/components/Table/styles.ts +++ b/packages/grafana-ui/src/components/Table/styles.ts @@ -39,7 +39,6 @@ export const getTableStyles = (theme: GrafanaTheme2) => { width: 100%; // Cell height need to account for row border height: ${rowHeight - 1}px; - height: 100%; display: flex; align-items: center; border-right: 1px solid ${borderColor};