Remove Control less (#19415)

apache · Apr 5, 2022 · a59718b · a59718b
1 parent e391a83
commit a59718b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 26 deletions.
diff --git a/superset-frontend/src/explore/components/Control.less b/superset-frontend/src/explore/components/Control.less
diff --git a/superset-frontend/src/explore/components/Control.tsx b/superset-frontend/src/explore/components/Control.tsx
@@ -21,13 +21,11 @@ import {
   ControlType,
   ControlComponentProps as BaseControlComponentProps,
 } from '@superset-ui/chart-controls';
-import { JsonValue, QueryFormData } from '@superset-ui/core';
+import { styled, JsonValue, QueryFormData } from '@superset-ui/core';
 import ErrorBoundary from 'src/components/ErrorBoundary';
 import { ExploreActions } from 'src/explore/actions/exploreActions';
 import controlMap from './controls';
 
-import './Control.less';
-
 export type ControlProps = {
   // the actual action dispatcher (via bindActionCreators) has identical
   // signature to the original action factory.
@@ -52,6 +50,10 @@ export type ControlProps = {
 export type ControlComponentProps<ValueType extends JsonValue = JsonValue> =
   Omit<ControlProps, 'value'> & BaseControlComponentProps<ValueType>;
 
+const StyledControl = styled.div`
+  padding-bottom: ${({ theme }) => theme.gridUnit}px;
+`;
+
 export default function Control(props: ControlProps) {
   const {
     actions: { setControlValue },
@@ -76,7 +78,7 @@ export default function Control(props: ControlProps) {
   }
 
   return (
-    <div
+    <StyledControl
       className="Control"
       data-test={name}
       style={hidden ? { display: 'none' } : undefined}
@@ -86,6 +88,6 @@ export default function Control(props: ControlProps) {
       <ErrorBoundary>
         <ControlComponent onChange={onChange} hovered={hovered} {...props} />
       </ErrorBoundary>
-    </div>
+    </StyledControl>
   );
 }