diff --git a/securedrop/journalist_templates/edit_account.html b/securedrop/journalist_templates/edit_account.html index 9c01a020038..913b00a73a3 100644 --- a/securedrop/journalist_templates/edit_account.html +++ b/securedrop/journalist_templates/edit_account.html @@ -72,7 +72,7 @@

{{ gettext('Reset Two-Factor Authentication') }}

{% set hotp_reset_url = url_for('account.reset_two_factor_hotp') %} {% endif %} -{% macro twofa_reset(user, reset_url, type, button_text) %} +{% macro twofa_reset(user, reset_url, type, tooltip_text, button_text) %} {% if user %} {% set username = user.username %} {% else %} @@ -83,12 +83,11 @@

{{ gettext('Reset Two-Factor Authentication') }}

{% endif %} - + {%- endmacro %} -{{ twofa_reset(user, totp_reset_url, "totp", gettext("RESET TWO-FACTOR AUTHENTICATION (APP)"))}} -
-{{ twofa_reset(user, hotp_reset_url, "hotp", gettext("RESET TWO-FACTOR AUTHENTICATION (HARDWARE TOKEN)"))}} +{{ twofa_reset(user, totp_reset_url, "totp", gettext("Reset 2FA for mobile apps such as FreeOTP or Google Authenticator"), gettext("RESET APP TOKEN"))}} +{{ twofa_reset(user, hotp_reset_url, "hotp", gettext("Reset 2FA for hardware tokens like Yubikey"), gettext("RESET HARDWARE TOKEN"))}} {% endblock %} diff --git a/securedrop/sass/_base.sass b/securedrop/sass/_base.sass index fb95eeb5efc..2c349d8c9cd 100644 --- a/securedrop/sass/_base.sass +++ b/securedrop/sass/_base.sass @@ -27,6 +27,8 @@ @import modules/text-link // Some kind of button possibly sd=standard button. Belongs in button module? @import modules/sd-button +// Tooltips for showing informations +@import modules/tooltip //variation on button for select all / none. In journalist interface only? @import modules/select // Pull - Quick layout helper classes @@ -115,6 +117,7 @@ +doc-check +text-link +sd-button + +tooltip +select +pull +header diff --git a/securedrop/sass/journalist.sass b/securedrop/sass/journalist.sass index 0027784de81..7189774f010 100644 --- a/securedrop/sass/journalist.sass +++ b/securedrop/sass/journalist.sass @@ -98,3 +98,6 @@ button.small-danger, a.btn.small-danger, .btn.small-danger .journalist-reply__input max-width: 700px + +.reset-two-factor + display: inline-block