diff --git a/benefits/eligibility/templates/eligibility/start__login_gov.html b/benefits/eligibility/templates/eligibility/start__login_gov.html index 732e13f492..3bee7f60e8 100644 --- a/benefits/eligibility/templates/eligibility/start__login_gov.html +++ b/benefits/eligibility/templates/eligibility/start__login_gov.html @@ -25,6 +25,6 @@

{% translate "eligibility.pages.start.login_gov.headline" %}

{% url "oauth:login" as button_url %} {% translate "eligibility.buttons.senior.signin" as button_text %} - {{ button_text }} Login.gov + {{ button_text }} {% endblock call-to-action-button %} diff --git a/benefits/enrollment/templates/enrollment/success.html b/benefits/enrollment/templates/enrollment/success.html index 329fa4e56e..dbe5a38c82 100644 --- a/benefits/enrollment/templates/enrollment/success.html +++ b/benefits/enrollment/templates/enrollment/success.html @@ -37,14 +37,15 @@

{% translate "enrollment.pages.success.headline" %}

-
+
+

- {% translate "enrollment.pages.success.logout[0]" %} + {% translate "enrollment.pages.success.logout[0]" %} {% for b in page.buttons %} - - {{ b.fallback_text }} + + + . {% endfor %}

diff --git a/benefits/locale/en/LC_MESSAGES/django.po b/benefits/locale/en/LC_MESSAGES/django.po index 478aa0e7de..f7050b3ef5 100644 --- a/benefits/locale/en/LC_MESSAGES/django.po +++ b/benefits/locale/en/LC_MESSAGES/django.po @@ -5,8 +5,8 @@ #, fuzzy msgid "" msgstr "" -"Report-Msgid-Bugs-To: https://github.com/cal-itp/benefits/issues \n" -"POT-Creation-Date: 2023-07-10 20:47+0000\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2023-07-10 22:56+0000\n" "Language: English\n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" @@ -582,7 +582,7 @@ msgstr "Thank you for using Cal-ITP Benefits!" msgid "enrollment.pages.success.logout[0]" msgstr "" -"If you are on a public or shared computer, don't forget to sign out of " +"If you are on a public or shared computer, don’t forget to sign out of " msgid "enrollment.pages.index.link_card_item.heading" msgstr "The next step is to link your bank card" diff --git a/benefits/locale/es/LC_MESSAGES/django.po b/benefits/locale/es/LC_MESSAGES/django.po index 795de0279f..99b1d78120 100644 --- a/benefits/locale/es/LC_MESSAGES/django.po +++ b/benefits/locale/es/LC_MESSAGES/django.po @@ -5,8 +5,8 @@ #, fuzzy msgid "" msgstr "" -"Report-Msgid-Bugs-To: https://github.com/cal-itp/benefits/issues \n" -"POT-Creation-Date: 2023-07-10 20:47+0000\n" +"Report-Msgid-Bugs-To: \n" +"POT-Creation-Date: 2023-07-10 22:56+0000\n" "Language: Español\n" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" @@ -597,8 +597,7 @@ msgstr "Gracias por usar los Beneficios de Cal-ITP." msgid "enrollment.pages.success.logout[0]" msgstr "" -"Si estás en una computadora pública o compartida, no olvides hacer clic aquí " -"para cerrar la sesión de" +"Si está en una computadora pública o compartida, no olvide cerrar sesión en " msgid "enrollment.pages.index.link_card_item.heading" msgstr "El siguiente paso es vincular su tarjeta bancaria" diff --git a/benefits/static/css/styles.css b/benefits/static/css/styles.css index 7e54ffdfea..428206431a 100644 --- a/benefits/static/css/styles.css +++ b/benefits/static/css/styles.css @@ -350,13 +350,13 @@ footer .footer-links li a:visited { font-size: var(--login-gov-button-font-size); font-family: "Public Sans", Roboto, system-ui; padding: var(--login-gov-button-padding); + text-decoration: none; } /* Sets the text `Login.gov` as transparent */ /* With an Login.gov logo image over it */ /* So screenreaders can read out `Login.gov` */ #login .fallback-text { - background: url("/static/img/login-gov-logo-rev.svg") no-repeat; background-size: contain; display: block; margin: 8px auto 0 auto; @@ -370,6 +370,14 @@ footer .footer-links li a:visited { line-height: 1; } +#login .fallback-text.white-logo { + background-image: url("/static/img/login-gov-logo-rev.svg"); +} + +#login .fallback-text.color-logo { + background-image: url("/static/img/login-gov-logo.svg"); +} + @media (min-width: 992px) { #login .fallback-text { margin: 0 0 0 5px; @@ -666,16 +674,12 @@ a.card:focus-visible { /* Custom in-line log out button for Enrollment Success, in paragraph */ :root { - --logout-paragraph-margin-left: calc( - var(--media-item-icon-margin) + var(--media-item-icon-size) - ); --success-illo-width: 180px; --success-illo-height: 155.1px; } @media (min-width: 992px) { :root { - --logout-paragraph-margin-left: 0; --success-illo-width: 345px; --success-illo-height: 297px; } @@ -686,25 +690,6 @@ a.card:focus-visible { height: var(--success-illo-height); } -.enrollment-success #login { - padding: 0 0.5rem 0.3rem 0.6rem; - display: inline-block; - margin: 0; - width: inherit; - border-radius: 0; -} - -.enrollment-success #login .fallback-text { - padding-top: 14px; - margin: 8px auto 0 auto; - display: block; - width: 7rem; -} - -.enrollment-success .logout-paragraph { - margin-left: var(--logout-paragraph-margin-left); -} - /* Index and Agency Index (Landing pages) */ /* These pages have a full-width and full-height background image, creating the need to re-set the Footer margin top to 0 */ diff --git a/benefits/static/img/login-gov-logo.svg b/benefits/static/img/login-gov-logo.svg new file mode 100644 index 0000000000..cf3469a3ea --- /dev/null +++ b/benefits/static/img/login-gov-logo.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + +