fix: tsvb border for bgColor with alpha values

elastic · Jun 24, 2020 · d82c6b8 · d82c6b8
1 parent 6207f94
commit d82c6b8
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/src/plugins/charts/README.md b/src/plugins/charts/README.md
@@ -18,7 +18,7 @@ Color mappings in `value`/`text` form
 
 ### `getHeatmapColors`
 
-Funciton to retrive heatmap related colors based on `value` and `colorSchemaName`
+Function to retrieve heatmap related colors based on `value` and `colorSchemaName`
 
 ### `truncatedColorSchemas`
 

diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss b/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss
@@ -2,7 +2,9 @@
   display: flex;
   flex-direction: column;
   flex: 1 1 100%;
-  padding: $euiSizeS;
+  border-width: $euiSizeS;
+  border-style: solid;
+  border-color: transparent;
 
   .tvbVisTimeSeries {
     overflow: hidden;

diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js b/src/plugins/vis_type_timeseries/public/application/components/vis_types/timeseries/vis.js
@@ -154,7 +154,7 @@ export class TimeseriesVisualization extends Component {
     const styles = reactCSS({
       default: {
         tvbVis: {
-          backgroundColor: get(model, 'background_color'),
+          borderColor: get(model, 'background_color'),
         },
       },
     });

diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/timeseries/index.js b/src/plugins/vis_type_timeseries/public/application/visualizations/views/timeseries/index.js
@@ -273,7 +273,6 @@ TimeSeries.defaultProps = {
 };
 
 TimeSeries.propTypes = {
-  darkMode: PropTypes.bool,
   backgroundColor: PropTypes.string,
   showGrid: PropTypes.bool,
   legend: PropTypes.bool,