Commit Graph

576 Commits

Author SHA1 Message Date
scottdowne
5aadd26890 Bug 1944587 - Newtab shortcuts refresh reduce space between search and topsites to 40px when thumbs are turned off r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D236086
2025-01-30 16:46:46 +00:00
scottdowne
2c195102fe Bug 1944607 - Newtab shortcuts refresh, fixing hover state background colour of icon r=home-newtab-reviewers,mconley
Differential Revision: https://phabricator.services.mozilla.com/D236051
2025-01-30 02:29:47 +00:00
Nina Pypchenko
9ec3b970b2 Bug 1944204 - [Sections Experiment] UI regression: excerpt on cards is not limited by number of lines r=home-newtab-reviewers,thecount
Fixed regression by updating `show-excerpt` styles to use `display: block` instead of `display: flex`
for display values.

Differential Revision: https://phabricator.services.mozilla.com/D235725
2025-01-29 22:28:57 +00:00
scottdowne
823c8b02ca Bug 1944598 - Newtab fixing contrast mismatch for a couple icon in shortcuts refresh r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D236016
2025-01-29 19:48:26 +00:00
scottdowne
52ecb2de6f Bug 1943078 - Newtab updates to spacing and sizing of shortcuts. r=home-newtab-reviewers,amy
Differential Revision: https://phabricator.services.mozilla.com/D235230
2025-01-29 01:06:33 +00:00
scottdowne
9fd539a319 Bug 1943748 - Newtab fixing long shortcut title with certain fonts causes content shifting on hover r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235867
2025-01-28 22:46:24 +00:00
scottdowne
54bd57a3f8 Bug 1944129 - Newtab small UI changes to sections section in customize menu r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235690
2025-01-27 22:37:44 +00:00
scottdowne
34031fd64b Bug 1943748 - Newtab fixing long shortcut title with higher font size causes content shifting on hover r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235544
2025-01-27 15:41:33 +00:00
Nathan Barrett
2031d75f3c Bug 1943671 - Tweak CSS specificity for show/hide excerpts r=home-newtab-reviewers,thecount
Differential Revision: https://phabricator.services.mozilla.com/D235473
2025-01-24 19:36:07 +00:00
Daniel Holbert
5912711f38 Bug 1942539: Change new tab to use min-width rather than align-items to center some content while still addressing overflow edge cases. r=reemhamz,home-newtab-reviewers
The align-items:center styling was preventing content from stretching to
fill the container in some cases, causing tiles to collapse as noted in
the associated bugzilla bug.

We can't just remove that styling, though, because there are also cases where
`main` has content that's wider than its specified size and expects to be
centered.  So, this patch accounts for that by making `main` at least as wide
as its content, so that wide content remains centered because `main` itself
(which will now grow to fit that content) is centered.

Differential Revision: https://phabricator.services.mozilla.com/D235393
2025-01-24 05:05:05 +00:00
Nina Pypchenko
5f9e46479d Bug 1932432 - [Section Expt] Show excerpt based on showExcerpt property from merino response r=home-newtab-reviewers,nbarrett
Added styles to show or hide the story excerpt based on the data in the API response from Merino service.

Currently, only small cards are sent through with `hasExcerpt` set to `false`. On changing screen resolution,
small cards can become medium-sized, and in that case the styles are adjusted to show the excerpt.

Updated an existing test and added a new one to test that the new styles are applied correctly.

Differential Revision: https://phabricator.services.mozilla.com/D234142
2025-01-24 03:23:46 +00:00
Stanca Serban
3dd1724497 Backed out changeset 51895c8d2288 (bug 1942539) for causing newtab failures. CLOSED TREE 2025-01-24 05:51:39 +02:00
Daniel Holbert
e5009c7041 Bug 1942539: Change new tab to use min-width rather than align-items to center some content while still addressing overflow edge cases. r=reemhamz,home-newtab-reviewers
The align-items:center styling was preventing content from stretching to
fill the container in some cases, causing tiles to collapse as noted in
the associated bugzilla bug.

We can't just remove that styling, though, because there are also cases where
`main` has content that's wider than its specified size and expects to be
centered.  So, this patch accounts for that by making `main` at least as wide
as its content, so that wide content remains centered because `main` itself
(which will now grow to fit that content) is centered.

Differential Revision: https://phabricator.services.mozilla.com/D235393
2025-01-24 01:44:00 +00:00
scottdowne
92ad080517 Bug 1868060 - Newtab fixing up shortcuts titles r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235359
2025-01-23 20:41:32 +00:00
Maxx Crawford
04a1ce02a6 Bug 1941616 - Adjust detailed weather conditions text layout on weather widget r=home-newtab-reviewers,thecount
Differential Revision: https://phabricator.services.mozilla.com/D234758
2025-01-22 20:49:05 +00:00
Maxx Crawford
248dd092aa Bug 1941616 - Update hover background color on weather widget r=home-newtab-reviewers,thecount
Differential Revision: https://phabricator.services.mozilla.com/D234754
2025-01-22 20:49:04 +00:00
scottdowne
339d78436e Bug 1942893 - Newtab title lines to 4 on small cards r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235057
2025-01-21 21:04:20 +00:00
scottdowne
bc64e676e8 Bug 1942274 - Newtab fixing banner ad dismiss icon r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D235054
2025-01-21 19:33:29 +00:00
mark
7303f8d639 Bug 1921325 - Replace new tab toast notification with moz-message-bar r=reusable-components-reviewers,desktop-theme-reviewers,fluent-reviewers,home-newtab-reviewers,hjones,maxx,flod
* Make moz-message-bar reusable component available to New Tab page

* Replace custom implementation with reusable moz-message-bar component

* Remove all unnecessary CSS styling of custom implementation

* Use new Fluent IDs that adhere to the structure of moz-message-bar usage

* Consolidate Thumbs up and Thumbs down logic into same component to avoid duplicating code unnecessarily

Differential Revision: https://phabricator.services.mozilla.com/D232106
2025-01-21 15:29:45 +00:00
Nina Pypchenko
0c208063bf Bug 1941522 - Remove "Save to Pocket" button r=home-newtab-reviewers,nbarrett
- Removed the "Save to Pocket" button for both grid cards and cards in the Sections experiment.

- Added the "Save to Pocket" context menu item for all section cards including medium and large ones.

- Removed unused styles and tests.

- Updated card context menu tests.

Differential Revision: https://phabricator.services.mozilla.com/D234272
2025-01-17 18:34:25 +00:00
Maxx Crawford
32ca8aa13e Bug 1940566 - Add section to manage followed/blocked topics in Customize panel r=home-newtab-reviewers,fluent-reviewers,bolsson,amy
Differential Revision: https://phabricator.services.mozilla.com/D234219
2025-01-17 16:49:56 +00:00
Nathan Barrett
b4266183b1 Bug 1941523 - fix horizontal scroll with sections r=home-newtab-reviewers,maxx
Differential Revision: https://phabricator.services.mozilla.com/D234525
2025-01-16 21:43:52 +00:00
Amy Churchwell
6d26cae2cd Bug 1941923 – Update hover color of unfollow button. r=home-newtab-reviewers,npypchenko
Differential Revision: https://phabricator.services.mozilla.com/D234427
2025-01-16 14:57:16 +00:00
Reem H
60d88dca7e Bug 1941249 - Add wallpaper contrast mixin for follow/unfollow button UI. r=home-newtab-reviewers,npypchenko
Differential Revision: https://phabricator.services.mozilla.com/D233991
2025-01-14 05:32:49 +00:00
Nina Pypchenko
5e0d97c460 Bug 1936948 - [Sections Personalization] Clean up UI around follow/unfollow buttons and context menu r=home-newtab-reviewers,reemhamz
- Fix context menu positioning for the Sections context menu (Unfollow and Block buttons).

Differential Revision: https://phabricator.services.mozilla.com/D233138
2025-01-13 07:04:28 +00:00
Reem H
cda80ffff3 Bug 1940878 - Fix content cards source title by adding specifics for high contrast themes. r=home-newtab-reviewers,maxx
It seems that if users had both light theme + high contrast toggled on their devices, the content cards in new tab were showing white-colored text for the source titles. This is a problem because if light theme is toggled, the white text lives on a white background.

Differential Revision: https://phabricator.services.mozilla.com/D233799
2025-01-13 02:21:30 +00:00
Reem H
7e1954f9a4 Bug 1938231 - Balanced revealed text on top sites hover/focus states. r=home-newtab-reviewers,nbarrett
On the New Tab shortcuts, the titles would get truncated if they were too long. On hover/focus, they would show the full text. However, there would be lone characters at the bottom of the revealed text. This patch fixes that.

Differential Revision: https://phabricator.services.mozilla.com/D232571
2025-01-08 01:58:43 +00:00
Reem H
f6e2d5754b Bug 1939415 - Fixing major layout shift coming from IAB Banner. r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D232958
2025-01-08 01:33:59 +00:00
Maxx Crawford
347e8771da Bug 1913974 - Add additional wallpaper background colors r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D219664
2025-01-07 21:38:34 +00:00
Reem H
c707b90ae7 Bug 1938856 - Fix content alignment and focus padding on big rectangle newsfeed. r=home-newtab-reviewers,npypchenko
Differential Revision: https://phabricator.services.mozilla.com/D232816
2024-12-23 04:00:02 +00:00
Maxx Crawford
e7280b229e Bug 1933150 - Adjust top sites wrapper so pinned shortcut edit dialog displays correctly r=home-newtab-reviewers,thecount
Differential Revision: https://phabricator.services.mozilla.com/D232568
2024-12-19 19:14:59 +00:00
Reem H
027359f726 Bug 1931806 - Fixing position of SafeAnchor component for DSCards to wrap around content properly. r=home-newtab-reviewers,thecount
Differential Revision: https://phabricator.services.mozilla.com/D230487
2024-12-18 22:51:20 +00:00
Reem H
0c4df6a2d9 Bug 1932205 - Configure IAB Banner positions r=home-newtab-reviewers,reemhamz
Differential Revision: https://phabricator.services.mozilla.com/D231752
2024-12-13 22:50:23 +00:00
Alexandru Marc
6a9196af31 Backed out changeset 912d8c185b3d (bug 1932205) for causing node failures @ CardGrid.jsx 2024-12-13 18:59:55 +02:00
Reem H
b08ead089d Bug 1932205 - Configure IAB Banner positions r=home-newtab-reviewers,reemhamz
Differential Revision: https://phabricator.services.mozilla.com/D231752
2024-12-13 15:44:04 +00:00
Hanna Jones
107c0e6de5 Bug 1917305 Part 6: implement nested fields to address newtab settings drawer spacing r=home-newtab-reviewers,reusable-components-reviewers,mconley,mstriemer
Differential Revision: https://phabricator.services.mozilla.com/D227257
2024-12-12 18:27:16 +00:00
scottdowne
b6b36f97db Bug 1932189 - Newtab sections follow button r=home-newtab-reviewers,fluent-reviewers,bolsson,nbarrett,npypchenko
Differential Revision: https://phabricator.services.mozilla.com/D230801
2024-12-12 02:16:01 +00:00
Butkovits Atila
cd16376f28 Backed out 6 changesets (bug 1917305) for causing failure at browser_parsable_css.js. CLOSED TREE
Backed out changeset a11742cbdf6c (bug 1917305)
Backed out changeset f148cb47b84f (bug 1917305)
Backed out changeset 8c3b26eb05e7 (bug 1917305)
Backed out changeset 0b20c8187edc (bug 1917305)
Backed out changeset d0749e2b61fc (bug 1917305)
Backed out changeset f538e9697cb3 (bug 1917305)
2024-12-11 19:37:27 +02:00
Hanna Jones
76e9ea6d15 Bug 1917305 Part 6: implement nested fields to address newtab settings drawer spacing r=home-newtab-reviewers,reusable-components-reviewers,mconley,mstriemer
Differential Revision: https://phabricator.services.mozilla.com/D227257
2024-12-11 15:52:54 +00:00
Sandor Molnar
ab8c870dbe Backed out 6 changesets (bug 1917305) for causing bc failures @ browser_parsable_css.js CLOSED TREE
Backed out changeset 54eeb575b705 (bug 1917305)
Backed out changeset ea78740bd5b1 (bug 1917305)
Backed out changeset a1fe92460a5d (bug 1917305)
Backed out changeset 5b6f08a5fd6c (bug 1917305)
Backed out changeset 488458777db0 (bug 1917305)
Backed out changeset ab9d3dcb9ac7 (bug 1917305)
2024-12-11 01:49:50 +02:00
Nina Pypchenko
0eb9597d63 Bug 1932188 - [Sections Personalization] Context menu r=home-newtab-reviewers,fluent-reviewers,bolsson,thecount
Differential Revision: https://phabricator.services.mozilla.com/D231206
2024-12-10 22:21:28 +00:00
Hanna Jones
cc188170ad Bug 1917305 Part 6: implement nested fields to address newtab settings drawer spacing r=home-newtab-reviewers,reusable-components-reviewers,mconley,mstriemer
Differential Revision: https://phabricator.services.mozilla.com/D227257
2024-12-10 21:01:05 +00:00
Reem H
a20356dba4 Bug 1932200 - Adding leaderboard UI and position logic. r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D230214
2024-12-10 05:12:31 +00:00
Butkovits Atila
21b5457db2 Backed out changeset f2e3b00ec176 (bug 1932200) for causing failures at browser_discovery_card.js. CLOSED TREE 2024-12-09 03:30:57 +02:00
Reem H
e61f2eda82 Bug 1932200 - Adding leaderboard UI and position logic. r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D230214
2024-12-09 00:45:59 +00:00
Reem H
2b990ffad3 Bug 1433530 - revealing truncated text of shortcut tiles on hover and focus states. r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D228267
2024-12-06 01:34:41 +00:00
Maxx Crawford
0a94abbd67 Bug 1917937 - Fix fixed-scroll event to fire smoothly across all experimental layouts r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D231033
2024-12-05 22:41:07 +00:00
Maxx Crawford
59390e5575 Bug 1934636 - Revise Variant B breakpoints so logo doesn't overlap top sites when Sections are enabled r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D230882
2024-12-03 22:36:29 +00:00
Maxx Crawford
b5f82fc79d Bug 1934682 - Fix top sites row wrapping issue when both Sections and Variant A/B are enabled r=home-newtab-reviewers,nbarrett
Differential Revision: https://phabricator.services.mozilla.com/D230867
2024-12-03 22:36:29 +00:00
Nina Pypchenko
7fe6fe2526 Bug 1929357 - [Section Expt] If a card has been Saved to Pocket, it should have Pocket logo visible at all times r=home-newtab-reviewers,thecount
- Updated styles to show a compact Pocket button (Pocket logo only) when the user saves a story to Pocket.

- Updated DSContextFooter component to not show "Saved to Pocket" at the bottom of the card.

- Limited this UI change only to users who are opted in to the Sections experiment.

Differential Revision: https://phabricator.services.mozilla.com/D229875
2024-11-29 14:47:38 +00:00