fix(explore): Fix column number calculation (#14665)

* Fixes columns calc

* Fix type
This commit is contained in:
Geido 2021-05-18 01:30:12 +03:00 committed by GitHub
parent 852842028a
commit 7a050c59e4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 8 deletions

View File

@ -101,7 +101,7 @@ export const defaultTheme: (
controlHeight: 34,
lineHeight: 19,
fontSize: 14,
minWidth: '7.5em', // just enough to display 'No options'
minWidth: '6.5em',
},
});

View File

@ -16,17 +16,19 @@
* specific language governing permissions and limitations
* under the License.
*/
import { ExpandedControlItem } from '@superset-ui/chart-controls';
import React from 'react';
const NUM_COLUMNS = 12;
export default function ControlRow({
controls,
}: {
controls: ExpandedControlItem[];
}) {
const colSize = NUM_COLUMNS / controls.length;
type Control = React.ReactElement | null;
export default function ControlRow({ controls }: { controls: Control[] }) {
// ColorMapControl renders null and should not be counted
// in the columns number
const countableControls = controls.filter(
control => !['ColorMapControl'].includes(control?.props.type),
);
const colSize = NUM_COLUMNS / countableControls.length;
return (
<div className="row space-1">
{controls.map((control, i) => (