Skip to content

Move social login buttons to the top of the login modal#8574

Merged
andreslucena merged 1 commit intodevelopfrom
fix/modal-social-login-mini
Dec 10, 2021
Merged

Move social login buttons to the top of the login modal#8574
andreslucena merged 1 commit intodevelopfrom
fix/modal-social-login-mini

Conversation

@andreslucena
Copy link
Copy Markdown
Member

🎩 What? Why?

While seeing about #8465, I've seen that we actually have different behavior between the login page and the login modal regarding the OAuth providers.

In the login page, we have the full buttons (icon + text) and they're on the top of the page.
In the login modal, we have the icon button, and they're on the bottom.

This PR fixes that, having the same behavior between these two sections.

As this touches design, this needs to be reviewed by @carolromero

📌 Related Issues

Testing

  1. Go to an action that needs a login as a visitor, for instance a "Follow" button
  2. Click on it
  3. See modal

📷 Screenshots

Bear in mind that this is like the worst case scenario with 5 providers. I know instances with maximum of 3 OAuth providers, so it shouldn't break in mobile.

Before After
image image

♥️ Thank you!

carolromero
carolromero previously approved these changes Nov 30, 2021
Also, move .button--social--mini to buttons SCSS file
It was in decidim-core/app/packs/stylesheets/decidim/extras/_social_icons_mini.scss
and it didn't make much sense there.
@andreslucena andreslucena force-pushed the fix/modal-social-login-mini branch from 535544a to 85c48de Compare December 3, 2021 09:45
@andreslucena andreslucena added module: core team: design type: fix PRs that implement a fix for a bug labels Dec 10, 2021
@andreslucena andreslucena merged commit 2848ba2 into develop Dec 10, 2021
@andreslucena andreslucena deleted the fix/modal-social-login-mini branch December 10, 2021 12:59
entantoencuanto added a commit to PopulateTools/decidim that referenced this pull request Dec 10, 2021
* fix/meetings_form_embed_type_visibility:
  Fix tests by adding missing doubled attributes
  Include value in validation conditional
  Allow participants to set iframe access level of meetings
  Fix embed type visibility in participants form
  Remove blank option in meetings embed type select
  Fix avatar thumbnail in participants' profile (decidim#8577)
  Fix HTML injection in comments and meeting's description (decidim#8511)
  Add search, filters and sorting to admin panel budget projects (decidim#8592)
  Add cache key separator to cache_hash (decidim#8559)
  Move social login buttons to the top of the login modal (decidim#8574)
  Fix the meeting copy functionality (decidim#8430)
  Temporarily ignore CSS validation issue in CI (decidim#8597)
  Fix security instructions (decidim#8587)
@alecslupu alecslupu added this to the 0.26.0 milestone Jul 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

module: core team: design type: fix PRs that implement a fix for a bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Text isn't displayed in sign in with Auth button

3 participants