Skip to content

fix(nimbus): Always show the rollout preview link and toast on copy - #17257

Open
yashikakhurana wants to merge 2 commits into
mainfrom
17051
Open

fix(nimbus): Always show the rollout preview link and toast on copy#17257
yashikakhurana wants to merge 2 commits into
mainfrom
17051

Conversation

@yashikakhurana

@yashikakhurana yashikakhurana commented Sep 10, 2026

Copy link
Copy Markdown
Contributor

Because

The preview link was buried at the bottom of the card, below the screenshot.

Clicking it relabeled the button to "Copied" instead of using a toast.

This commit

Shows the about:studies URL and a copy button directly under the note.

Swaps the "Copied" relabel for the TOAST_PREVIEW_LINK_COPIED toast.

Screenshot

Fixes #17051

@yashikakhurana

yashikakhurana commented Sep 10, 2026

Copy link
Copy Markdown
Contributor Author
image

Show the about:studies URL itself, plus a copy button, directly under the
note at the top of the "Preview links & testing details" card. It used to
be a bare button at the bottom of the "Rollout experience" tile, below the
screenshot, and the URL was never visible. The inner is_desktop guard was
redundant since the card only renders for desktop rollouts in preview.

Replace the inline onclick that relabelled the button to "Copied" with the
existing toast machinery: both the URL and the button carry data-copy-text
and data-toast-id, and rollout_cards.js gained a generic [data-copy-text]
copy handler.

@RJAK11 RJAK11 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tested this locally and everything works perfectly! Just one minor thing: when I tested it with the devtools integrations, the force enroll section was the full width of the card. Do you think we should make that smaller?

Image

Moving the pane out of the "Rollout experience" tile made it a direct
child of the full-width column, so the Force Enroll box spanned the whole
card. Put it in a col-md-6 so it lines up with the tile below it.

@RJAK11 RJAK11 left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks perfect!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Always show preview link

2 participants