chore: Removes ColorSchemeControl.less (apache#14199)

CybercentreCanada · Dec 17, 2021 · 9b11d4d · 9b11d4d
1 parent c9a53e1
commit 9b11d4d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 35 deletions.
diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx b/superset-frontend/src/explore/components/controls/ColorSchemeControl.jsx
@@ -23,8 +23,6 @@ import { Select } from 'src/components/Select';
 import { Tooltip } from 'src/components/Tooltip';
 import ControlHeader from '../ControlHeader';
 
-import './ColorSchemeControl.less';
-
 const propTypes = {
   description: PropTypes.string,
   label: PropTypes.string.isRequired,
@@ -75,11 +73,26 @@ export default class ColorSchemeControl extends React.PureComponent {
 
     return (
       <Tooltip id={`${currentScheme.id}-tooltip`} title={currentScheme.label}>
-        <ul className="color-scheme-container" data-test={currentScheme.id}>
+        <ul
+          css={{
+            listStyle: 'none',
+            margin: 0,
+            padding: 0,
+            display: 'flex',
+            alignItems: 'center',
+
+            '& li': {
+              flexBasis: 9,
+              height: 10,
+              margin: '9px 1px',
+            },
+          }}
+          data-test={currentScheme.id}
+        >
           {colors.map((color, i) => (
             <li
               key={`${currentScheme.id}-${i}`}
-              style={{
+              css={{
                 backgroundColor: color,
                 border: `1px solid ${color === 'white' ? 'black' : color}`,
               }}

diff --git a/superset-frontend/src/explore/components/controls/ColorSchemeControl.less b/superset-frontend/src/explore/components/controls/ColorSchemeControl.less