diff --git a/CHANGELOG.md b/CHANGELOG.md index d8e97e4a01..6a3c1b7595 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,11 @@ # Changelog +## Unreleased + +### Fixes: + +- Fix the regression line rendering issue on Scatter plot exported image (KaroMourad) + ## 3.13.1 Sep 1, 2022 - Add support for querying metrics by last value (mihran113) diff --git a/aim/web/ui/src/components/ScatterPlot/styles.scss b/aim/web/ui/src/components/ScatterPlot/styles.scss index 5ce6a3d923..6b475bcfa2 100644 --- a/aim/web/ui/src/components/ScatterPlot/styles.scss +++ b/aim/web/ui/src/components/ScatterPlot/styles.scss @@ -97,10 +97,4 @@ opacity: 1; } } - .RegressionLine { - stroke-width: 2.2; - opacity: 1; - fill: none; - stroke: $error-color; - } } diff --git a/aim/web/ui/src/components/kit/SelectDropdown/SelectDropdown.scss b/aim/web/ui/src/components/kit/SelectDropdown/SelectDropdown.scss index ed0e304bc2..32999a9eb7 100644 --- a/aim/web/ui/src/components/kit/SelectDropdown/SelectDropdown.scss +++ b/aim/web/ui/src/components/kit/SelectDropdown/SelectDropdown.scss @@ -3,7 +3,6 @@ .SelectDropdown { position: relative; &__popper { - z-index: 5; .MuiAutocomplete-groupLabel { color: $text-color-50; font-size: $text-sm; diff --git a/aim/web/ui/src/components/kit/Slider/Slider.scss b/aim/web/ui/src/components/kit/Slider/Slider.scss index d01f652e80..e7b4d5bee8 100644 --- a/aim/web/ui/src/components/kit/Slider/Slider.scss +++ b/aim/web/ui/src/components/kit/Slider/Slider.scss @@ -40,6 +40,10 @@ font-weight: $font-600; color: $primary-color; transform: unset; + text-overflow: ellipsis; + max-width: 100%; + overflow: hidden; + padding: $space-xxxxs $space-xxxs; } } &.Mui-focusVisible { diff --git a/aim/web/ui/src/modules/BaseExplorer/components/BoxWrapper/BoxWrapper.scss b/aim/web/ui/src/modules/BaseExplorer/components/BoxWrapper/BoxWrapper.scss index a4ff18c545..356a1015c7 100644 --- a/aim/web/ui/src/modules/BaseExplorer/components/BoxWrapper/BoxWrapper.scss +++ b/aim/web/ui/src/modules/BaseExplorer/components/BoxWrapper/BoxWrapper.scss @@ -25,14 +25,10 @@ background-color: $white; } &__depthSlider { - position: absolute; padding: 0; - z-index: 1; background-color: white; width: calc(100% - 2px); height: 1.75rem; - left: 1px; - bottom: 0; & > .Slider { width: 100%; max-width: 46rem; diff --git a/aim/web/ui/src/utils/d3/drawScatterTrendline.ts b/aim/web/ui/src/utils/d3/drawScatterTrendline.ts index df4fafd097..67f5d129cb 100644 --- a/aim/web/ui/src/utils/d3/drawScatterTrendline.ts +++ b/aim/web/ui/src/utils/d3/drawScatterTrendline.ts @@ -58,7 +58,10 @@ function drawScatterTrendline({ .datum(regressionPoints) .classed('RegressionLine', true) .attr('clip-path', `url(#${nameKey}-lines-rect-clip-${index})`) - .attr('d', line); + .attr('d', line) + .attr('stroke-width', 2.2) + .attr('fill', 'none') + .attr('stroke', '#E64E48FF'); // error-color } export default drawScatterTrendline;