From 8ee92516cac0986c4027bc1c0249f96c0de3486c Mon Sep 17 00:00:00 2001 From: Rajat Dabade Date: Fri, 29 Dec 2023 15:52:35 +0530 Subject: [PATCH 1/4] [Refactor]: updated css for height of Panel in LeftContainer (#4030) * refactor: updated css * refactor: updated the css * refactor: removed overflow hidden --- frontend/src/container/GridTableComponent/styles.ts | 2 +- .../container/NewWidget/LeftContainer/WidgetGraph/styles.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/frontend/src/container/GridTableComponent/styles.ts b/frontend/src/container/GridTableComponent/styles.ts index d95fc46287..22c3dbb1fe 100644 --- a/frontend/src/container/GridTableComponent/styles.ts +++ b/frontend/src/container/GridTableComponent/styles.ts @@ -1,7 +1,7 @@ import styled from 'styled-components'; export const WrapperStyled = styled.div` - height: 100%; + height: 95%; overflow: hidden; & .ant-table-wrapper { diff --git a/frontend/src/container/NewWidget/LeftContainer/WidgetGraph/styles.ts b/frontend/src/container/NewWidget/LeftContainer/WidgetGraph/styles.ts index be05660ea8..b1bf36b588 100644 --- a/frontend/src/container/NewWidget/LeftContainer/WidgetGraph/styles.ts +++ b/frontend/src/container/NewWidget/LeftContainer/WidgetGraph/styles.ts @@ -12,9 +12,9 @@ export const Container = styled(Card)` } .ant-card-body { - padding: 8px; + padding: ${({ $panelType }): string => + $panelType === PANEL_TYPES.TABLE ? '0 0' : '1.5rem 0'}; height: 57vh; - overflow: auto; display: flex; flex-direction: column; } From e792c48f6deea012302ba9caa9cde9bd0f597b24 Mon Sep 17 00:00:00 2001 From: Rajat Dabade Date: Fri, 29 Dec 2023 16:05:46 +0530 Subject: [PATCH 2/4] [Refactor]: css fixes (#4248) --- .../RightContainer/Threshold/Threshold.tsx | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/frontend/src/container/NewWidget/RightContainer/Threshold/Threshold.tsx b/frontend/src/container/NewWidget/RightContainer/Threshold/Threshold.tsx index b64c5b26e6..a35acabf64 100644 --- a/frontend/src/container/NewWidget/RightContainer/Threshold/Threshold.tsx +++ b/frontend/src/container/NewWidget/RightContainer/Threshold/Threshold.tsx @@ -27,6 +27,10 @@ import CustomColor from './CustomColor'; import ShowCaseValue from './ShowCaseValue'; import { ThresholdProps } from './types'; +const wrapStyle = { + flexWrap: 'wrap', +} as React.CSSProperties; + function Threshold({ index, thresholdOperator = '>', @@ -220,7 +224,7 @@ function Threshold({ } > {selectedGraph === PANEL_TYPES.TIME_SERIES && ( - <> + Label {isEditMode ? ( )} - + )} {(selectedGraph === PANEL_TYPES.VALUE || selectedGraph === PANEL_TYPES.TABLE) && ( @@ -243,7 +247,7 @@ function Threshold({ {isEditMode ? ( <> {selectedGraph === PANEL_TYPES.TABLE && ( - +