Bug 1799974 - Pocket newtab fixing loading of page to have less shifting. r=gvn

Differential Revision: https://phabricator.services.mozilla.com/D163621
This commit is contained in:
scott 2022-12-02 00:40:05 +00:00
parent 2c5c890cfe
commit 2a8b178ca4
5 changed files with 26 additions and 0 deletions

View File

@ -181,6 +181,10 @@ $ds-card-image-gradient-solid: rgba(0, 0, 0, 1);
margin-bottom: 2px;
font-size: 13px;
color: var(--newtab-text-secondary-color);
span {
display: inline-block;
}
}
.new-sponsored-label {

View File

@ -4,6 +4,10 @@
margin-top: 12px;
position: relative;
.story-sponsored-label span {
display: inline-block;
}
.story-sponsored-label,
.status-message {
-webkit-line-clamp: 1;

View File

@ -3409,6 +3409,9 @@ main.has-snippet {
font-size: 13px;
color: var(--newtab-text-secondary-color);
}
.ds-card .meta .source span {
display: inline-block;
}
.ds-card .meta .new-sponsored-label {
font-size: 13px;
margin-bottom: 2px;
@ -3460,6 +3463,9 @@ main.has-snippet {
margin-top: 12px;
position: relative;
}
.story-footer .story-sponsored-label span {
display: inline-block;
}
.story-footer .story-sponsored-label,
.story-footer .status-message {
-webkit-line-clamp: 1;

View File

@ -3413,6 +3413,9 @@ main.has-snippet {
font-size: 13px;
color: var(--newtab-text-secondary-color);
}
.ds-card .meta .source span {
display: inline-block;
}
.ds-card .meta .new-sponsored-label {
font-size: 13px;
margin-bottom: 2px;
@ -3464,6 +3467,9 @@ main.has-snippet {
margin-top: 12px;
position: relative;
}
.story-footer .story-sponsored-label span {
display: inline-block;
}
.story-footer .story-sponsored-label,
.story-footer .status-message {
-webkit-line-clamp: 1;

View File

@ -3409,6 +3409,9 @@ main.has-snippet {
font-size: 13px;
color: var(--newtab-text-secondary-color);
}
.ds-card .meta .source span {
display: inline-block;
}
.ds-card .meta .new-sponsored-label {
font-size: 13px;
margin-bottom: 2px;
@ -3460,6 +3463,9 @@ main.has-snippet {
margin-top: 12px;
position: relative;
}
.story-footer .story-sponsored-label span {
display: inline-block;
}
.story-footer .story-sponsored-label,
.story-footer .status-message {
-webkit-line-clamp: 1;