Skip to content
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

[TASK-1058] Fix registration links #5089 #5090

Open
wants to merge 5 commits into
base: main
Choose a base branch
from

Conversation

tinok
Copy link
Member

@tinok tinok commented Aug 30, 2024

Checklist

  1. If you've added code that should be tested, add tests
  2. If you've changed APIs, update (or create!) the documentation
  3. Ensure the tests pass
  4. Make sure that your code lints and that you've followed our coding style
  5. Write a title and, if necessary, a description of your work suitable for publishing in our release notes
  6. Mention any related issues in this repository (as #ISSUE) and in other repositories (as kobotoolbox/other#ISSUE)
  7. Open an issue in the docs if there are UI/UX changes

Description

Terms of Service and Privacy Policy links are now places inside the darker area to provide better visibility.

Notes

Some changes in the UI were made based on this discussion in Zulip.

Production:
image

This PR:
image

Related issues

Fixes #5089

Copy link

@pauloamorimbr pauloamorimbr changed the base branch from main to beta September 23, 2024 14:58
@pauloamorimbr pauloamorimbr changed the title 5089 fix registration links [TASK-1058] Fix registration links #5089 Sep 23, 2024
@pauloamorimbr pauloamorimbr self-assigned this Sep 26, 2024
@pauloamorimbr pauloamorimbr marked this pull request as ready for review September 26, 2024 14:27
@Akuukis Akuukis deleted the branch main October 1, 2024 17:16
@Akuukis Akuukis closed this Oct 1, 2024
@Akuukis Akuukis reopened this Oct 1, 2024
@Akuukis Akuukis changed the base branch from beta to main October 1, 2024 17:28
Copy link
Contributor

@p2edwards p2edwards left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cool!

@pauloamorimbr During review / edge case testing I made some suggested changes in a separate branch (https://github.com/kobotoolbox/kpi/tree/5089-fix-registration-links--additions):

  • Checked what it looks like when an SSO provider is configured — I color-matched the SSO separator with this new links one (went with the new color)
  • Fixed a layout issue on signup page on narrow screen width
    • Also fixed an unrelated color issue that was introduced recently — changed 'required' asterisks back to light red
  • Remove extra separator if the Django admin didn't configure Privacy Policy / Terms links at all

Compare: https://github.com/kobotoolbox/kpi/compare/5089-fix-registration-links..5089-fix-registration-links--additions — (you'd need to merge 'main' into '5089-fix-registration-links' first to see a clean diff)

+sso
image Pasted image 20241004211441

Other questions (not included above)

  • 🎨 @tesster7 What do you think of these legal link colors/sizes/etc.? I wonder if we'd want them to match more closely with the Create Account / Forgot password or not. The contrast is still a little low imo but maybe want to avoid it being too busy.

sso-specific pages

  • 🔧 @pauloamorimbr There are 2 more SSO-related templates (under kpi/kobo/apps/accounts/templates/socialaccount/ — login.html and signup.html) @tinok should we put the Terms / Privacy links here too, or is that not necessary? (the deep signup / login pages that you get if you're using SSO.)
sso-specific login page e.g. with legal links
image Pasted image 20241004211246

Comment on lines +76 to +87
<div class="registration__legal">
{% if config.TERMS_OF_SERVICE_URL %}
<a href="{{config.TERMS_OF_SERVICE_URL}}" target="_blank">
{% trans "Terms of Service" %}
</a>
{% endif %}
{% if config.PRIVACY_POLICY_URL %}
<a href="{{config.PRIVACY_POLICY_URL}}" target="_blank">
{% trans "Privacy Policy" %}
</a>
{% endif %}
</div>
Copy link
Contributor

@p2edwards p2edwards Oct 4, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

edit: incorporated in the review branch [xref 💬]

Suggest wrapping the div for registration__legal in an inclusive check {% if config.TERMS_OF_SERVICE_URL or config.PRIVACY_POLICY_URL %} to remove this separator line if it's not needed:

Pasted image 20241004162531

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Make TOS and Privacy Policy links more legible on light backgrounds for registration page
4 participants