iop
/
superset
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(Card): Use correct class names for Ant Design 5 Card component (#30964)

This commit is contained in:
Geido 2024-11-18 17:48:59 +02:00 committed by GitHub
parent 1b63b8f3c7
commit c6685a706d
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
superset-frontend/cypress-base/cypress/support/directories.ts
View File

@ -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']",

2
superset-frontend/src/features/home/SavedQueries.tsx
View File

@ -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;

6
superset-frontend/src/pages/Home/index.tsx
View File

@ -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;
}
}

2
superset-frontend/src/views/CRUD/utils.tsx
View File

@ -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;
}