corysanin/tubestation
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bug 1948164 - Newtab sections card for hero isn't quite working at a certain breakpoint r=home-newtab-reviewers,reemhamz

Browse Source 
Differential Revision: https://phabricator.services.mozilla.com/D238142
This commit is contained in:
scottdowne
2025-02-14 02:34:07 +00:00
parent 265c0dd6a2
commit c6d0d5a202
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
browser/extensions/newtab/content-src/components/DiscoveryStreamComponents/CardSections/_CardSections.scss
View File

@@ -139,7 +139,7 @@
grid-column: span 2;
&.ds-card.sections-card-ui {
@media (min-width: $break-point-layout-variant ) and (max-width: $break-point-widest ),
@media ($break-point-layout-variant <= width < $break-point-widest ),
(min-width: $break-point-sections-variant ) {
align-content: flex-start;

8
browser/extensions/newtab/css/activity-stream.css
View File

@@ -5077,7 +5077,7 @@ main section {
grid-column: span 2;
}
}
@media (min-width: 610px) and (min-width: 724px) and (max-width: 1122px), (min-width: 610px) and (min-width: 1390px) {
@media (min-width: 610px) and (724px <= width < 1122px), (min-width: 610px) and (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-1-large.ds-card.sections-card-ui {
align-content: flex-start;
}
@@ -5255,7 +5255,7 @@ main section {
grid-column: span 2;
}
}
@media (min-width: 724px) and (min-width: 724px) and (max-width: 1122px), (min-width: 724px) and (min-width: 1390px) {
@media (min-width: 724px) and (724px <= width < 1122px), (min-width: 724px) and (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-2-large.ds-card.sections-card-ui {
align-content: flex-start;
}
@@ -5434,7 +5434,7 @@ main section {
grid-column: span 2;
}
}
@media (min-width: 1122px) and (min-width: 724px) and (max-width: 1122px), (min-width: 1122px) and (min-width: 1390px) {
@media (min-width: 1122px) and (724px <= width < 1122px), (min-width: 1122px) and (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-3-large.ds-card.sections-card-ui {
align-content: flex-start;
}
@@ -5612,7 +5612,7 @@ main section {
grid-column: span 2;
}
}
@media (min-width: 1390px) and (min-width: 724px) and (max-width: 1122px), (min-width: 1390px) and (min-width: 1390px) {
@media (min-width: 1390px) and (724px <= width < 1122px), (min-width: 1390px) and (min-width: 1390px) {
.ds-section-grid.ds-card-grid .col-4-large.ds-card.sections-card-ui {
align-content: flex-start;
}