In assets/sass/components/analytics-4/audience-segmentation/_googlesitekit-audience-selection-panel.scss:
[ ] Update the .googlesitekit-audience-selection-panel__error-notice-actions.googlesitekit-cta-link class to apply the new callout button styling as defined in the Figma design.
[ ] Adjust the following properties to match the callout button style:
[ ] Spacing: Ensure the link button have consistent margins and paddings to align with the Figma design.
[ ] Padding: Update the padding to match the design’s spacing requirements.
[ ] Border-radius: Apply the appropriate rounding to ensure the link button have the correct corner shape.
[ ] Apply the hover, focus, and active states to the callout button.
Feature Description
The "Retry" and "Request access" links in the Audience Selection Panel Error Notice should be updated to use the new callout button styling.
Specifically, these links:
Should be updated to be error callout buttons:
Do not alter or remove anything below. The following sections will be managed by moderators only.
Acceptance criteria
Implementation Brief
In
assets/sass/components/analytics-4/audience-segmentation/_googlesitekit-audience-selection-panel.scss
:.googlesitekit-audience-selection-panel__error-notice-actions.googlesitekit-cta-link
class to apply the new callout button styling as defined in the Figma design..googlesitekit-audience-selection-panel__success-notice-actions.googlesitekit-cta-link
class as a reference for implementing these states: https://github.com/google/site-kit-wp/blob/face615c12ec6e0d91729d721f996f37c92e211c/assets/sass/components/analytics-4/audience-segmentation/_googlesitekit-audience-selection-panel.scss#L234-L259Test Coverage
QA Brief
Changelog entry