social_auth_select_email: Remove form-horizontal class.

This commit removes form-horizontal class from form elements
in social_auth_select_email.html. There is no visible input
element in the form element so the bootstrap CSS using
"form-horizontal" class does not apply to any of the elments
in the page, so removing this class does not have any affect.

The "form-horizontal" class is used in portico-signin.css for
adding hover behavior, so we add a new class "select-email-form"
and use it to add the hover behavior.
This commit is contained in:
Sahil Batra 2023-01-11 17:28:47 +05:30 committed by Tim Abbott
parent 90dbc50c8c
commit 3920a73b20
2 changed files with 3 additions and 3 deletions

View File

@ -1095,7 +1095,7 @@ button#register_auth_button_gitlab {
padding: 0;
margin: 0;
&.form-horizontal:hover {
&.select-email-form:hover {
background-color: hsl(202, 56%, 91%);
cursor: pointer;

View File

@ -13,7 +13,7 @@
</div>
<div class="white-box">
<form method="post" class="form-horizontal" action="/complete/{{ backend }}/">
<form method="post" class="select-email-form" action="/complete/{{ backend }}/">
<div class="choose-email-box">
<input type="hidden" name="email" value="{{ primary_email }}" />
{% if avatar_urls[primary_email] %}
@ -37,7 +37,7 @@
</div>
</form>
{% for email in verified_non_primary_emails %}
<form method="post" class="form-horizontal" action="/complete/{{ backend }}/">
<form method="post" class="select-email-form" action="/complete/{{ backend }}/">
<div class="choose-email-box">
<input type="hidden" name="email" value="{{ email }}" />
{% if avatar_urls[email] %}