chore(histogram): convert histogram css to emotion style (#572)

* convert Histogram to emotion styling * remove old css
aliavni · Nov 26, 2021 · f6fa5ad · f6fa5ad
1 parent 32802e7
commit f6fa5ad
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 24 deletions.
diff --git a/...tend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/package.json b/...tend/temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/package.json
@@ -39,6 +39,7 @@
     "@superset-ui/chart": "^0.13.0",
     "@superset-ui/color": "^0.13.0",
     "@superset-ui/control-utils": "^0.13.12",
+    "@superset-ui/style": "^0.13.26",
     "@superset-ui/translation": "^0.13.0",
     "@superset-ui/validator": "^0.13.3",
     "react": "^15 || ^16"

diff --git a/...temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/src/Histogram.css b/...temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/src/Histogram.css
diff --git a/...temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/src/Histogram.jsx b/...temporary_superset_ui/superset-ui/plugins/legacy-plugin-chart-histogram/src/Histogram.jsx
@@ -23,9 +23,9 @@ import { Histogram, BarSeries, XAxis, YAxis } from '@data-ui/histogram';
 import { chartTheme } from '@data-ui/theme';
 import { LegendOrdinal } from '@vx/legend';
 import { scaleOrdinal } from '@vx/scale';
+import styled from '@superset-ui/style';
 import { CategoricalColorNamespace } from '@superset-ui/color';
 import WithLegend from './WithLegend';
-import './Histogram.css';
 
 const propTypes = {
   className: PropTypes.string,
@@ -138,4 +138,8 @@ class CustomHistogram extends React.PureComponent {
 CustomHistogram.propTypes = propTypes;
 CustomHistogram.defaultProps = defaultProps;
 
-export default CustomHistogram;
+export default styled(CustomHistogram)`
+  .superset-legacy-chart-histogram {
+    overflow: hidden;
+  }
+`;