New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add v2 release banner #689
Conversation
Updated this banner, please have a look @thisisdano. Changed this to:
|
I like the color, position and overall appearance. I want to tweak the text a bit and make it a little smaller on mobile, but it's close! Specific feedback incoming... |
Co-Authored-By: saracope <sara.cope@gsa.gov>
Co-Authored-By: saracope <sara.cope@gsa.gov>
Co-Authored-By: saracope <sara.cope@gsa.gov>
_includes/banner-news.html
Outdated
<div class="site-banner-news" > | ||
<p><strong>USWDS 2.0 is coming soon.</strong> | ||
See what’s new in Version 2.</p> | ||
<a href="https://v2.designsystem.digital.gov" onclick="ga('send', 'event', 'Viewed 2.0 preview', 'Clicked to view 2.0 version from inside site');"><button class="usa-button usa-button-secondary-inverse">Try it now</button></a> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Instead of wrapping a button
in an a
, just give the a
element the button classes: usa-button usa-button-secondary-inverse
<a href="https://v2.designsystem.digital.gov" onclick="ga('send', 'event', 'Viewed 2.0 preview', 'Clicked to view 2.0 version from inside site');"><button class="usa-button usa-button-secondary-inverse">Try it now</button></a> | |
<a href="https://v2.designsystem.digital.gov" onclick="ga('send', 'event', 'Viewed 2.0 preview', 'Clicked to view 2.0 version from inside site');" class="usa-button usa-button-secondary-inverse">Try it now</a> |
Couple more things to tighten this up:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Updated and approved!
Preview
Description
This change adds a news banner to the site in an effort to direct folks to the v2 doc site. It uses the .usa-alert-warning banner with custom text.
*Would like feedback specifically on using the warning banner in this way and the text for this banner @thisisdano
Additional information