Better code clarity with woocommerce-marketing-campaigns-table class name.

This commit is contained in:
Gan Eng Chin 2022-12-21 23:12:10 +08:00
parent 894b77dc96
commit 321145eb2e
No known key found for this signature in database
GPG Key ID: 94D5D972860ADB01
2 changed files with 16 additions and 12 deletions

View File

@ -25,22 +25,24 @@
}
}
.woocommerce-marketing-campaign-logo {
img {
display: block;
.woocommerce-marketing-campaigns-table {
.woocommerce-marketing-campaign-logo {
img {
display: block;
}
}
}
.woocommerce-marketing-campaign-title {
a {
color: #007cba;
font-weight: 600;
text-decoration: none;
.woocommerce-marketing-campaign-title {
a {
color: #007cba;
font-weight: 600;
text-decoration: none;
}
}
}
.woocommerce-marketing-campaign-description {
color: $gray-700;
.woocommerce-marketing-campaign-description {
color: $gray-700;
}
}
.woocommerce-marketing-campaigns-card-footer {

View File

@ -69,6 +69,8 @@ export const Campaigns = () => {
<Card className="woocommerce-marketing-campaigns-card">
<CampaignsCardHeader />
<Table
// this is `classNames`, instead of the correct `className`, due to misnaming in the Table component.
classNames="woocommerce-marketing-campaigns-table"
caption={ __( 'Campaigns', 'woocommerce' ) }
headers={ [
{