-
-
Notifications
You must be signed in to change notification settings - Fork 4.1k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
feat(replay): Web Vital Breadcrumb Design (#76320)
Implements the newest web vital breadcrumbs design: https://www.figma.com/design/bZIT1O93bdxTNbNWDUvCyQ/Specs%3A-Breadcrumbs-%26-Web-Vitals?node-id=277-336&node-type=CANVAS&t=ccSNvPkjFTZWWpDY-0 For web vitals, `nodeId` was changed to `nodeIds`, which means there could be multiple elements associated with a breadcrumb item. Highlighting and code snippet extraction were updated to accept multiple `nodeIds`. When hovering over a web vital breadcrumb, all the associated elements will be highlighted, and when hovering over a selector, only that associated element would be highlighted. Since the SDK changes have not been merged and released yet, the CLS web vital is currently using web vitals to show what they would look like. https://github.com/user-attachments/assets/df881120-ddff-4b74-a9e7-6fb1c17ae04e Closes #69881 --------- Co-authored-by: Ryan Albrecht <ryan.albrecht@sentry.io>
- Loading branch information
Showing
11 changed files
with
326 additions
and
116 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.