diff --git a/superset-frontend/images/icons/more_vert.svg b/superset-frontend/images/icons/more_vert.svg
new file mode 100644
index 00000000000..2fbe6287d86
--- /dev/null
+++ b/superset-frontend/images/icons/more_vert.svg
@@ -0,0 +1,21 @@
+
+
diff --git a/superset-frontend/src/components/FaveStar/index.tsx b/superset-frontend/src/components/FaveStar/index.tsx
index f6f8c9ec5e6..1f7a74b1acf 100644
--- a/superset-frontend/src/components/FaveStar/index.tsx
+++ b/superset-frontend/src/components/FaveStar/index.tsx
@@ -66,7 +66,11 @@ const FaveStar = ({
data-test="fave-unfave-icon"
role="button"
>
- {isStarred ? : }
+ {isStarred ? (
+
+ ) : (
+
+ )}
);
diff --git a/superset-frontend/src/components/Icons/Icons.stories.tsx b/superset-frontend/src/components/Icons/Icons.stories.tsx
index c40dbad295d..e2a3944eb4f 100644
--- a/superset-frontend/src/components/Icons/Icons.stories.tsx
+++ b/superset-frontend/src/components/Icons/Icons.stories.tsx
@@ -72,7 +72,7 @@ InteractiveIcons.argTypes = {
},
iconSize: {
defaultValue: 'xl',
- control: { type: 'inline-radio' },
+ control: { type: 'inline-radio', options: ['s', 'l', 'm', 'xl', 'xxl'] },
},
iconColor: {
defaultValue: null,
diff --git a/superset-frontend/src/components/Icons/index.tsx b/superset-frontend/src/components/Icons/index.tsx
index f2b19445f7a..f281e901825 100644
--- a/superset-frontend/src/components/Icons/index.tsx
+++ b/superset-frontend/src/components/Icons/index.tsx
@@ -111,6 +111,7 @@ const IconFileNames = [
'minus',
'minus_solid',
'more_horiz',
+ 'more_vert',
'move',
'nav_charts',
'nav_dashboard',
diff --git a/superset-frontend/src/components/ListViewCard/index.tsx b/superset-frontend/src/components/ListViewCard/index.tsx
index 015b0021f08..bfd6d6a82da 100644
--- a/superset-frontend/src/components/ListViewCard/index.tsx
+++ b/superset-frontend/src/components/ListViewCard/index.tsx
@@ -93,6 +93,10 @@ const TitleContainer = styled.div`
margin-left: auto;
align-self: flex-end;
padding-left: ${({ theme }) => theme.gridUnit}px;
+ span[role='img'] {
+ display: flex;
+ align-items: center;
+ }
}
`;
diff --git a/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx b/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
index 7484ae717f4..9278c29e79c 100644
--- a/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
+++ b/superset-frontend/src/explore/components/controls/DatasourceControl/index.jsx
@@ -97,7 +97,7 @@ const Styles = styled.div`
span[aria-label='dataset-physical'] {
color: ${({ theme }) => theme.colors.grayscale.base};
}
- span[aria-label='more-horiz'] {
+ span[aria-label='more-vert'] {
color: ${({ theme }) => theme.colors.primary.base};
}
`;
@@ -238,7 +238,7 @@ class DatasourceControl extends React.PureComponent {
data-test="datasource-menu"
>
-
diff --git a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
index d6bde9441f4..96a384e5e7f 100644
--- a/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
+++ b/superset-frontend/src/views/CRUD/chart/ChartCard.tsx
@@ -168,7 +168,7 @@ export default function ChartCard({
isStarred={favoriteStatus}
/>
-
+
}
diff --git a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
index 017a1346e34..5f84e41a41d 100644
--- a/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
+++ b/superset-frontend/src/views/CRUD/dashboard/DashboardCard.tsx
@@ -18,7 +18,7 @@
*/
import React from 'react';
import { Link, useHistory } from 'react-router-dom';
-import { t } from '@superset-ui/core';
+import { t, useTheme } from '@superset-ui/core';
import { handleDashboardDelete, CardStyles } from 'src/views/CRUD/utils';
import { isFeatureEnabled, FeatureFlag } from 'src/featureFlags';
import { Dropdown, Menu } from 'src/common/components';
@@ -68,6 +68,7 @@ function DashboardCard({
const canDelete = hasPerm('can_write');
const canExport = hasPerm('can_read');
+ const theme = useTheme();
const menu = (