Skip to content
Snippets Groups Projects
Commit ce33a8a0 authored by Camille Simiand's avatar Camille Simiand
Browse files

Fix Login and Register page responsivity

parent aa35f460
No related branches found
No related tags found
1 merge request!45tuleap-81-allow-a-new-user-to-access-the-capsule-edition-mode
Show whitespace changes
Inline Side-by-side
templates/registration/register.html.twig
+ 7
− 7
View file @ ce33a8a0
...@@ -11,14 +11,14 @@ ...@@ -11,14 +11,14 @@
{% endfor %} {% endfor %}
{{ form_start(registrationForm, {'attr': {novalidate: 'novalidate', 'class': 'd-flex flex-column justify-content-center'}}) }} {{ form_start(registrationForm, {'attr': {novalidate: 'novalidate', 'class': 'd-flex flex-column justify-content-center'}}) }}
{{ form_row(registrationForm.firstName, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-6'}}) }} {{ form_row(registrationForm.firstName, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.lastName, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-6'}}) }} {{ form_row(registrationForm.lastName, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.email, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-6'}}) }} {{ form_row(registrationForm.email, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.plainPassword.first, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-6'}}) }} {{ form_row(registrationForm.plainPassword.first, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.plainPassword.second, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-6'}}) }} {{ form_row(registrationForm.plainPassword.second, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.captcha, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-5 col-6'}}) }} {{ form_row(registrationForm.captcha, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-5 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5'}}) }}
{{ form_row(registrationForm.agreeTerms, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-auto justify-content-center'}, 'label_attr': { 'class' : 'ms-3'}}) }} {{ form_row(registrationForm.agreeTerms, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-4 col-auto justify-content-center'}, 'label_attr': { 'class' : 'ms-3'}}) }}
{{ form_row(registrationForm.submit, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-5 col-2'}}) }} {{ form_row(registrationForm.submit, {'row_attr': {'class' : 'form-group d-flex flex-column m-auto mb-5'}}) }}
{{ form_end(registrationForm) }} {{ form_end(registrationForm) }}
</div> </div>
{% endblock %} {% endblock %}
templates/security/login.html.twig
+ 5
− 5
View file @ ce33a8a0
...@@ -5,7 +5,6 @@ ...@@ -5,7 +5,6 @@
{% endblock %} {% endblock %}
{% block body %} {% block body %}
<form method="post" class="d-flex flex-column justify-content-center">
{% if error %} {% if error %}
<div class="alert alert-danger col-6 m-auto">{{ error.messageKey|trans(error.messageData, 'security') }}</div> <div class="alert alert-danger col-6 m-auto">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
{% endif %} {% endif %}
...@@ -13,13 +12,14 @@ ...@@ -13,13 +12,14 @@
<div class="text-center alert alert-warning col-6 m-auto" role="alert" >{{ flashMessage }}</div> <div class="text-center alert alert-warning col-6 m-auto" role="alert" >{{ flashMessage }}</div>
{% endfor %} {% endfor %}
<div class="form-group d-flex flex-column m-auto mb-4 mt-4 col-6"> <form method="post" class="d-flex flex-column justify-content-center">
<div class="form-group d-flex flex-column m-auto mb-4 mt-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5">
<label for="inputEmail" class="form-label"> <label for="inputEmail" class="form-label">
{{ 'general.email'|trans }} {{ 'general.email'|trans }}
</label> </label>
<input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus> <input type="email" value="{{ last_username }}" name="email" id="inputEmail" class="form-control" autocomplete="email" required autofocus>
</div> </div>
<div class="form-group d-flex flex-column m-auto mb-4 col-6"> <div class="form-group d-flex flex-column m-auto mb-4 col-12 col-sm-10 col-md-9 col-lg-8 col-xl-7 col-xxl-5">
<label for="inputPassword" class="form-label"> <label for="inputPassword" class="form-label">
{{ 'general.password'|trans }} {{ 'general.password'|trans }}
</label> </label>
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
{{ 'login.forgot_password_link'|trans }} {{ 'login.forgot_password_link'|trans }}
</a> </a>
<button class="btn btn-primary col-2 m-auto mt-4" type="submit"> <button class="btn btn-primary m-auto mt-4" type="submit">
{{ 'login.log_in'|trans }} {{ 'login.log_in'|trans }}
</button> </button>
</form> </form>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment