diff --git a/src/Components/NetworkTable/NetworkTable.styles.scss b/src/Components/NetworkTable/NetworkTable.styles.scss index abddcb6..9c9c35f 100644 --- a/src/Components/NetworkTable/NetworkTable.styles.scss +++ b/src/Components/NetworkTable/NetworkTable.styles.scss @@ -5,7 +5,6 @@ border-top: $border; } - .network-table-header { display: flex; width: 100%; @@ -27,13 +26,14 @@ width: 12%; align-self: center; padding-right: $size-xs-s; + min-width: $table-column-min-width; &:last-child { padding-right: 0; } &.show-waterfall { - width: 9%; + width: 10%; } &.file { @@ -44,8 +44,7 @@ } } - &.domain, - &.waterfall{ + &.domain { width: 15%; } } diff --git a/src/Components/NetworkTable/TimeChart.jsx b/src/Components/NetworkTable/TimeChart.jsx index ad19331..a2dda6c 100644 --- a/src/Components/NetworkTable/TimeChart.jsx +++ b/src/Components/NetworkTable/TimeChart.jsx @@ -20,10 +20,7 @@ const TimeChart = ({ placement="left" title={} > - + {chartAttributes.map((chartProps) => (
{Object.entries(GENERAL_HEADERS).map(([dataKey, { key, name }]) => ( -

@@ -17,7 +17,7 @@ const General = ({ data }) => ( {key === 'status' && data.error ? data.error : data[key]} -

+
))} ); diff --git a/src/Containers/MainContainer.styles.scss b/src/Containers/MainContainer.styles.scss index 091786f..f6ebc4a 100644 --- a/src/Containers/MainContainer.styles.scss +++ b/src/Containers/MainContainer.styles.scss @@ -12,5 +12,6 @@ height: 100%; width: 100%; overflow: auto; + overflow-x: hidden; outline: none; } diff --git a/src/Containers/NetworkTableContainer.jsx b/src/Containers/NetworkTableContainer.jsx index 72e1313..5de49fa 100644 --- a/src/Containers/NetworkTableContainer.jsx +++ b/src/Containers/NetworkTableContainer.jsx @@ -27,7 +27,7 @@ const NetworkTableContainer = () => { if (ref?.current) { setTableBodyHeight(ref.current.clientHeight - TABLE_HEADER_HEIGHT); } - }, [ref]); + }, [ref, actualData]); if (error) { return ( diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 852e0f7..2c602b7 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -80,6 +80,7 @@ $size-xxxl: $size-base * 11; // 44px; //  2x      8       24      32      40      56      72      88 $filter-button-height: 26px; +$table-column-min-width: 60px; $xs: 480px; $grid-sm: 576px;