diff --git a/superset-frontend/cypress-base/cypress/support/directories.ts b/superset-frontend/cypress-base/cypress/support/directories.ts index b59aa1bf81963..d41d00727b807 100644 --- a/superset-frontend/cypress-base/cypress/support/directories.ts +++ b/superset-frontend/cypress-base/cypress/support/directories.ts @@ -53,7 +53,7 @@ export const securityAccess = { export const homePage = { homeSection: { sectionArea: '.ant-collapse-content-box', - sectionElement: '.ant-card-meta-title', + sectionElement: '.antd5-card-meta-title', }, sections: { expandedSection: '.ant-collapse-item-active', @@ -284,7 +284,7 @@ export const chartListView = { }, card: { card: dataTestLocator('styled-card'), - cardCover: '[class="ant-card-cover"]', + cardCover: '[class="antd5-card-cover"]', cardImage: '[class="gradient-container"]', selectedStarIcon: "[aria-label='favorite-selected']", unselectedStarIcon: "[aria-label='favorite-unselected']", @@ -401,7 +401,7 @@ export const dashboardListView = { }, card: { card: dataTestLocator('styled-card'), - cardCover: '[class="ant-card-cover"]', + cardCover: '[class="antd5-card-cover"]', cardImage: '[class="gradient-container"]', selectedStarIcon: "[aria-label='favorite-selected']", unselectedStarIcon: "[aria-label='favorite-unselected']", diff --git a/superset-frontend/src/features/home/SavedQueries.tsx b/superset-frontend/src/features/home/SavedQueries.tsx index 55535fc501ae9..45d69b1c99c4b 100644 --- a/superset-frontend/src/features/home/SavedQueries.tsx +++ b/superset-frontend/src/features/home/SavedQueries.tsx @@ -74,7 +74,7 @@ export const CardStyles = styled.div` a { text-decoration: none; } - .ant-card-cover { + .antd5-card-cover { border-bottom: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; & > div { height: 171px; diff --git a/superset-frontend/src/pages/Home/index.tsx b/superset-frontend/src/pages/Home/index.tsx index c5e2c794b5535..df382843a7014 100644 --- a/superset-frontend/src/pages/Home/index.tsx +++ b/superset-frontend/src/pages/Home/index.tsx @@ -101,10 +101,10 @@ const WelcomeContainer = styled.div` padding: 3px 21px; } } - .ant-card-meta-description { + .antd5-card-meta-description { margin-top: ${({ theme }) => theme.gridUnit}px; } - .ant-card.ant-card-bordered { + .antd5-card.ant-card-bordered { border: 1px solid ${({ theme }) => theme.colors.grayscale.light2}; } .ant-collapse-item .ant-collapse-content { @@ -119,7 +119,7 @@ const WelcomeContainer = styled.div` } .loading-cards { margin-top: ${({ theme }) => theme.gridUnit * 8}px; - .ant-card-cover > div { + .antd5-card-cover > div { height: 168px; } } diff --git a/superset-frontend/src/views/CRUD/utils.tsx b/superset-frontend/src/views/CRUD/utils.tsx index 7b9274a90446d..785ac7f7ac089 100644 --- a/superset-frontend/src/views/CRUD/utils.tsx +++ b/superset-frontend/src/views/CRUD/utils.tsx @@ -376,7 +376,7 @@ export const CardStyles = styled.div` a { text-decoration: none; } - .ant-card-cover > div { + .antd5-card-cover > div { /* Height is calculated based on 300px width, to keep the same aspect ratio as the 800*450 thumbnails */ height: 168px; }