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; } 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 && ( - +