Bug 1943671 - Tweak CSS specificity for show/hide excerpts r=home-newtab-reviewers,thecount

Differential Revision: https://phabricator.services.mozilla.com/D235473
This commit is contained in:
Nathan Barrett
2025-01-24 19:36:07 +00:00
parent 30091c3c6d
commit 2031d75f3c
2 changed files with 40 additions and 40 deletions

View File

@@ -4978,13 +4978,13 @@ main section {
}
}
@media (min-width: 610px) {
.ds-section-grid.ds-card-grid .col-1-hide-excerpt .info-wrap .excerpt {
display: none;
.ds-section-grid.ds-card-grid .col-1-show-excerpt .meta .info-wrap .excerpt {
display: flex;
}
}
@media (min-width: 610px) {
.ds-section-grid.ds-card-grid .col-1-show-excerpt .info-wrap .excerpt {
display: flex;
.ds-section-grid.ds-card-grid .col-1-hide-excerpt .meta .info-wrap .excerpt {
display: none;
}
}
@media (min-width: 724px) {
@@ -5156,13 +5156,13 @@ main section {
}
}
@media (min-width: 724px) {
.ds-section-grid.ds-card-grid .col-2-hide-excerpt .info-wrap .excerpt {
display: none;
.ds-section-grid.ds-card-grid .col-2-show-excerpt .meta .info-wrap .excerpt {
display: flex;
}
}
@media (min-width: 724px) {
.ds-section-grid.ds-card-grid .col-2-show-excerpt .info-wrap .excerpt {
display: flex;
.ds-section-grid.ds-card-grid .col-2-hide-excerpt .meta .info-wrap .excerpt {
display: none;
}
}
@media (min-width: 1122px) {
@@ -5335,13 +5335,13 @@ main section {
}
}
@media (min-width: 1122px) {
.ds-section-grid.ds-card-grid .col-3-hide-excerpt .info-wrap .excerpt {
display: none;
.ds-section-grid.ds-card-grid .col-3-show-excerpt .meta .info-wrap .excerpt {
display: flex;
}
}
@media (min-width: 1122px) {
.ds-section-grid.ds-card-grid .col-3-show-excerpt .info-wrap .excerpt {
display: flex;
.ds-section-grid.ds-card-grid .col-3-hide-excerpt .meta .info-wrap .excerpt {
display: none;
}
}
@media (min-width: 1390px) {
@@ -5513,13 +5513,13 @@ main section {
}
}
@media (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-4-hide-excerpt .info-wrap .excerpt {
display: none;
.ds-section-grid.ds-card-grid .col-4-show-excerpt .meta .info-wrap .excerpt {
display: flex;
}
}
@media (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-4-show-excerpt .info-wrap .excerpt {
display: flex;
.ds-section-grid.ds-card-grid .col-4-hide-excerpt .meta .info-wrap .excerpt {
display: none;
}
}