Align Progress snackbar styles with Figma per QA feedback#12683
Merged
Conversation
Enhance the color of the tertiary button in the PDF report progress snackbar to ensure better contrast and visibility for users.
Updated the ProgressBar component to include a CSS variable for progress and adjusted the snackbar styles to maintain rounded corners during scaling. This improves the overall appearance and user experience.
Refactor CSS variable names to improve readability and maintainability. This change ensures that the progress bar and snackbar styles are aligned with the updated naming conventions.
Refactor the style application for the progress bar to ensure that the custom property '--googlesitekit-progress' is only set when progress is defined. This enhances the clarity and maintainability of the component's styling.
Updated the paragraph styles within the snackbar to ensure better visual consistency and clarity in the presentation of content.
Refine the primary bar's width and transform properties to ensure better rendering of progress states. This enhances the visual consistency of the progress bar component.
Adjust the progress bar styles in the PDFReportProgressSnackbar tests to ensure the width is set correctly without transform effects. This enhances the visual representation of progress updates.
This change simplifies the styling of the progress bar by eliminating transform properties that were affecting the rounded corners. Improving the visual consistency of the progress snackbar.
This change improves the animation of the primary bar in the linear progress component, ensuring that determinate progress fills smoothly.
Adjust font size, letter spacing, and line height for better visual consistency in the snackbar content.
This change includes updated binary files for the PDF export progress snackbar, ensuring accurate visual representation during testing.
Collaborator
Author
|
The Run VR Tests failure isn't from this PR's changes. |
tofumatt
approved these changes
May 12, 2026
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Addresses issue:
Relevant technical choices
PR Author Checklist
Do not alter or remove anything below. The following sections will be managed by moderators only.
Code Reviewer Checklist
Merge Reviewer Checklist