Skip to content

Commit 06d244c

Browse files
shakyShanegithub-actions[bot]
shakyShane
authored and
github-actions[bot]
committed
Release build 7.4.0 [ci release]
1 parent 36684cc commit 06d244c

File tree

13 files changed

+200
-181
lines changed

13 files changed

+200
-181
lines changed

‎CHANGELOG.txt‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1 @@
1-
- Fix CTL messaging in the MV2 extension (#1378)
2-
- build(deps-dev): bump the rollup group across 1 directory with 5 updates (#1375)
3-
- ntp: support big sur (#1380)
1+
- ntp: prevent gradients bleeding through (#1382)

‎Sources/ContentScopeScripts/dist/pages/new-tab/dist/index.css‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -299,6 +299,9 @@ body {
299299
body:has([data-reset-layout=true]) .App_tube {
300300
padding-top: 0;
301301
}
302+
body[data-animate-background=true] {
303+
transition: background-color .3s;
304+
}
302305
.layout-centered {
303306
margin-inline: auto;
304307
width: 100%;
@@ -803,13 +806,7 @@ body:has([data-reset-layout=true]) .App_tube {
803806
pointer-events: none;
804807
}
805808
.BackgroundReceiver_root[data-animate=true] {
806-
transition: background .25s ease-in-out;
807-
}
808-
.BackgroundReceiver_root[data-background-kind=default][data-theme=dark] {
809-
background: var(--default-dark-bg);
810-
}
811-
.BackgroundReceiver_root[data-background-kind=default][data-theme=light] {
812-
background: var(--default-light-bg);
809+
transition: background .3s;
813810
}
814811
.BackgroundReceiver_under {
815812
opacity: 1;
@@ -949,6 +946,7 @@ body:has([data-reset-layout=true]) .App_tube {
949946

950947
/* pages/new-tab/app/favorites/components/Tile.module.css */
951948
.Tile_item {
949+
--icon-width: 4rem;
952950
display: block;
953951
position: relative;
954952
text-decoration: none;
@@ -981,8 +979,8 @@ body:has([data-reset-layout=true]) .App_tube {
981979
display: grid;
982980
align-content: center;
983981
justify-items: center;
984-
width: 4rem;
985-
height: 4rem;
982+
width: var(--icon-width);
983+
height: var(--icon-width);
986984
margin-bottom: 4px;
987985
border-radius: var(--border-radius-lg);
988986
}
@@ -1029,6 +1027,7 @@ body:has([data-reset-layout=true]) .App_tube {
10291027
width: calc(32 * var(--px-in-rem));
10301028
}
10311029
.Tile_text {
1030+
width: var(--icon-width);
10321031
text-align: center;
10331032
font-size: calc(10 * var(--px-in-rem));
10341033
line-height: 1.1;

‎Sources/ContentScopeScripts/dist/pages/new-tab/dist/index.js‎

Lines changed: 38 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1664,41 +1664,48 @@
16641664
function BackgroundConsumer({ browser }) {
16651665
const { data } = x2(CustomizerContext);
16661666
const background = data.value.background;
1667-
switch (background.kind) {
1668-
case "default": {
1669-
return /* @__PURE__ */ _("div", { className: BackgroundReceiver_default.root, "data-testid": "BackgroundConsumer", "data-background-kind": "default", "data-theme": browser });
1667+
useSignalEffect(() => {
1668+
const background2 = data.value.background;
1669+
document.body.dataset.backgroundKind = background2.kind;
1670+
let nextBodyBackground = "";
1671+
if (background2.kind === "gradient") {
1672+
const gradient = values.gradients[background2.value];
1673+
nextBodyBackground = gradient.fallback;
1674+
}
1675+
if (background2.kind === "color") {
1676+
const color = values.colors[background2.value];
1677+
nextBodyBackground = color.hex;
1678+
}
1679+
if (background2.kind === "hex") {
1680+
nextBodyBackground = background2.value;
1681+
}
1682+
if (background2.kind === "userImage") {
1683+
const isDark = background2.value.colorScheme === "dark";
1684+
nextBodyBackground = isDark ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1685+
}
1686+
if (background2.kind === "default") {
1687+
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1688+
}
1689+
document.body.style.setProperty("background-color", nextBodyBackground);
1690+
if (!document.body.dataset.animateBackground) {
1691+
requestAnimationFrame(() => {
1692+
document.body.dataset.animateBackground = "true";
1693+
});
16701694
}
1695+
});
1696+
switch (background.kind) {
1697+
case "color":
1698+
case "default":
16711699
case "hex": {
1672-
return /* @__PURE__ */ _(
1673-
"div",
1674-
{
1675-
class: BackgroundReceiver_default.root,
1676-
"data-animate": "true",
1677-
"data-testid": "BackgroundConsumer",
1678-
style: {
1679-
backgroundColor: background.value
1680-
}
1681-
}
1682-
);
1700+
return null;
16831701
}
1684-
case "color": {
1685-
const color = values.colors[background.value];
1686-
return /* @__PURE__ */ _(
1687-
"div",
1688-
{
1689-
class: BackgroundReceiver_default.root,
1690-
"data-animate": "true",
1691-
"data-background-color": color.hex,
1692-
"data-testid": "BackgroundConsumer",
1693-
style: {
1694-
backgroundColor: color.hex
1695-
}
1696-
}
1697-
);
1702+
case "userImage": {
1703+
const img = background.value;
1704+
return /* @__PURE__ */ _(ImageCrossFade, { src: img.src });
16981705
}
16991706
case "gradient": {
17001707
const gradient = values.gradients[background.value];
1701-
return /* @__PURE__ */ _(b, { key: "gradient" }, /* @__PURE__ */ _(ImageCrossFade, { src: gradient.path }), /* @__PURE__ */ _(
1708+
return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _(ImageCrossFade, { src: gradient.path }), /* @__PURE__ */ _(
17021709
"div",
17031710
{
17041711
className: BackgroundReceiver_default.root,
@@ -1711,13 +1718,9 @@
17111718
}
17121719
));
17131720
}
1714-
case "userImage": {
1715-
const img = background.value;
1716-
return /* @__PURE__ */ _(ImageCrossFade, { src: img.src });
1717-
}
17181721
default: {
17191722
console.warn("Unreachable!");
1720-
return /* @__PURE__ */ _("div", { className: BackgroundReceiver_default.root });
1723+
return null;
17211724
}
17221725
}
17231726
}
@@ -1758,6 +1761,7 @@
17581761
init_hooks_module();
17591762
init_CustomizerProvider();
17601763
init_utils();
1764+
init_signals_module();
17611765
}
17621766
});
17631767

‎build/integration/pages/new-tab/dist/index.css‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -299,6 +299,9 @@ body {
299299
body:has([data-reset-layout=true]) .App_tube {
300300
padding-top: 0;
301301
}
302+
body[data-animate-background=true] {
303+
transition: background-color .3s;
304+
}
302305
.layout-centered {
303306
margin-inline: auto;
304307
width: 100%;
@@ -803,13 +806,7 @@ body:has([data-reset-layout=true]) .App_tube {
803806
pointer-events: none;
804807
}
805808
.BackgroundReceiver_root[data-animate=true] {
806-
transition: background .25s ease-in-out;
807-
}
808-
.BackgroundReceiver_root[data-background-kind=default][data-theme=dark] {
809-
background: var(--default-dark-bg);
810-
}
811-
.BackgroundReceiver_root[data-background-kind=default][data-theme=light] {
812-
background: var(--default-light-bg);
809+
transition: background .3s;
813810
}
814811
.BackgroundReceiver_under {
815812
opacity: 1;
@@ -949,6 +946,7 @@ body:has([data-reset-layout=true]) .App_tube {
949946

950947
/* pages/new-tab/app/favorites/components/Tile.module.css */
951948
.Tile_item {
949+
--icon-width: 4rem;
952950
display: block;
953951
position: relative;
954952
text-decoration: none;
@@ -981,8 +979,8 @@ body:has([data-reset-layout=true]) .App_tube {
981979
display: grid;
982980
align-content: center;
983981
justify-items: center;
984-
width: 4rem;
985-
height: 4rem;
982+
width: var(--icon-width);
983+
height: var(--icon-width);
986984
margin-bottom: 4px;
987985
border-radius: var(--border-radius-lg);
988986
}
@@ -1029,6 +1027,7 @@ body:has([data-reset-layout=true]) .App_tube {
10291027
width: calc(32 * var(--px-in-rem));
10301028
}
10311029
.Tile_text {
1030+
width: var(--icon-width);
10321031
text-align: center;
10331032
font-size: calc(10 * var(--px-in-rem));
10341033
line-height: 1.1;

‎build/integration/pages/new-tab/dist/index.js‎

Lines changed: 38 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -1664,41 +1664,48 @@
16641664
function BackgroundConsumer({ browser }) {
16651665
const { data } = x2(CustomizerContext);
16661666
const background = data.value.background;
1667-
switch (background.kind) {
1668-
case "default": {
1669-
return /* @__PURE__ */ _("div", { className: BackgroundReceiver_default.root, "data-testid": "BackgroundConsumer", "data-background-kind": "default", "data-theme": browser });
1667+
useSignalEffect(() => {
1668+
const background2 = data.value.background;
1669+
document.body.dataset.backgroundKind = background2.kind;
1670+
let nextBodyBackground = "";
1671+
if (background2.kind === "gradient") {
1672+
const gradient = values.gradients[background2.value];
1673+
nextBodyBackground = gradient.fallback;
1674+
}
1675+
if (background2.kind === "color") {
1676+
const color = values.colors[background2.value];
1677+
nextBodyBackground = color.hex;
1678+
}
1679+
if (background2.kind === "hex") {
1680+
nextBodyBackground = background2.value;
1681+
}
1682+
if (background2.kind === "userImage") {
1683+
const isDark = background2.value.colorScheme === "dark";
1684+
nextBodyBackground = isDark ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1685+
}
1686+
if (background2.kind === "default") {
1687+
nextBodyBackground = browser.value === "dark" ? "var(--default-dark-bg)" : "var(--default-light-bg)";
1688+
}
1689+
document.body.style.setProperty("background-color", nextBodyBackground);
1690+
if (!document.body.dataset.animateBackground) {
1691+
requestAnimationFrame(() => {
1692+
document.body.dataset.animateBackground = "true";
1693+
});
16701694
}
1695+
});
1696+
switch (background.kind) {
1697+
case "color":
1698+
case "default":
16711699
case "hex": {
1672-
return /* @__PURE__ */ _(
1673-
"div",
1674-
{
1675-
class: BackgroundReceiver_default.root,
1676-
"data-animate": "true",
1677-
"data-testid": "BackgroundConsumer",
1678-
style: {
1679-
backgroundColor: background.value
1680-
}
1681-
}
1682-
);
1700+
return null;
16831701
}
1684-
case "color": {
1685-
const color = values.colors[background.value];
1686-
return /* @__PURE__ */ _(
1687-
"div",
1688-
{
1689-
class: BackgroundReceiver_default.root,
1690-
"data-animate": "true",
1691-
"data-background-color": color.hex,
1692-
"data-testid": "BackgroundConsumer",
1693-
style: {
1694-
backgroundColor: color.hex
1695-
}
1696-
}
1697-
);
1702+
case "userImage": {
1703+
const img = background.value;
1704+
return /* @__PURE__ */ _(ImageCrossFade, { src: img.src });
16981705
}
16991706
case "gradient": {
17001707
const gradient = values.gradients[background.value];
1701-
return /* @__PURE__ */ _(b, { key: "gradient" }, /* @__PURE__ */ _(ImageCrossFade, { src: gradient.path }), /* @__PURE__ */ _(
1708+
return /* @__PURE__ */ _(b, null, /* @__PURE__ */ _(ImageCrossFade, { src: gradient.path }), /* @__PURE__ */ _(
17021709
"div",
17031710
{
17041711
className: BackgroundReceiver_default.root,
@@ -1711,13 +1718,9 @@
17111718
}
17121719
));
17131720
}
1714-
case "userImage": {
1715-
const img = background.value;
1716-
return /* @__PURE__ */ _(ImageCrossFade, { src: img.src });
1717-
}
17181721
default: {
17191722
console.warn("Unreachable!");
1720-
return /* @__PURE__ */ _("div", { className: BackgroundReceiver_default.root });
1723+
return null;
17211724
}
17221725
}
17231726
}
@@ -1758,6 +1761,7 @@
17581761
init_hooks_module();
17591762
init_CustomizerProvider();
17601763
init_utils();
1764+
init_signals_module();
17611765
}
17621766
});
17631767

‎build/windows/pages/new-tab/dist/index.css‎

Lines changed: 8 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -299,6 +299,9 @@ body {
299299
body:has([data-reset-layout=true]) .App_tube {
300300
padding-top: 0;
301301
}
302+
body[data-animate-background=true] {
303+
transition: background-color .3s;
304+
}
302305
.layout-centered {
303306
margin-inline: auto;
304307
width: 100%;
@@ -803,13 +806,7 @@ body:has([data-reset-layout=true]) .App_tube {
803806
pointer-events: none;
804807
}
805808
.BackgroundReceiver_root[data-animate=true] {
806-
transition: background .25s ease-in-out;
807-
}
808-
.BackgroundReceiver_root[data-background-kind=default][data-theme=dark] {
809-
background: var(--default-dark-bg);
810-
}
811-
.BackgroundReceiver_root[data-background-kind=default][data-theme=light] {
812-
background: var(--default-light-bg);
809+
transition: background .3s;
813810
}
814811
.BackgroundReceiver_under {
815812
opacity: 1;
@@ -949,6 +946,7 @@ body:has([data-reset-layout=true]) .App_tube {
949946

950947
/* pages/new-tab/app/favorites/components/Tile.module.css */
951948
.Tile_item {
949+
--icon-width: 4rem;
952950
display: block;
953951
position: relative;
954952
text-decoration: none;
@@ -981,8 +979,8 @@ body:has([data-reset-layout=true]) .App_tube {
981979
display: grid;
982980
align-content: center;
983981
justify-items: center;
984-
width: 4rem;
985-
height: 4rem;
982+
width: var(--icon-width);
983+
height: var(--icon-width);
986984
margin-bottom: 4px;
987985
border-radius: var(--border-radius-lg);
988986
}
@@ -1029,6 +1027,7 @@ body:has([data-reset-layout=true]) .App_tube {
10291027
width: calc(32 * var(--px-in-rem));
10301028
}
10311029
.Tile_text {
1030+
width: var(--icon-width);
10321031
text-align: center;
10331032
font-size: calc(10 * var(--px-in-rem));
10341033
line-height: 1.1;

0 commit comments

Comments
 (0)