[CONFIG] Replaced form theme used since it was too opinionated.

This commit is contained in:
Eliseu Amaro 2021-11-24 13:59:46 +00:00
parent 477a5cb92d
commit d9c0a72e36
Signed by: eliseuamaro
GPG Key ID: 96DA09D4B97BC2D5
3 changed files with 8 additions and 16 deletions

View File

@ -1,2 +1,2 @@
twig: twig:
form_themes: ['bootstrap_3_layout.html.twig'] form_themes: ['tailwind_2_layout.html.twig']

View File

@ -120,34 +120,27 @@
font-size: 1.62rem; font-size: 1.62rem;
} }
.form-group { div[class^="mb-"] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-basis: border-box; flex-basis: border-box;
margin-bottom: var(--smaller); margin-bottom: var(--smaller);
} }
.form-group:last-of-type { div[class^="mb-"]:last-of-type {
margin-bottom: unset; margin-bottom: unset;
} }
.form-group textarea { div[class^="mb-"] textarea {
height: 7rem; height: 7rem;
max-height: 100%; max-height: 100%;
} }
.help-block { .alert,.alert-danger {
margin-bottom: 6px; display: inline-block;
}
.help-text {
font-style: italic; font-style: italic;
font-size: 1rem; font-size: 1rem;
margin-bottom: 6px;
}
.help-block>.list-unstyled,.alert,.alert-danger {
display: inline-block;
border: solid 2px #ff6347; border: solid 2px #ff6347;
background-color: #FF634733; background-color: #FF634733;
border-radius: .6rem; border-radius: .6rem;

View File

@ -37,14 +37,13 @@
{% else %} {% else %}
{# TODO: Login can be done with email, so the element id's should reflect that #} <div class="mb-3">
<div class="form-group">
<label class="section-form-label" for="inputNicknameOrEmail">{{ "Nickname or Email" | trans }}</label> <label class="section-form-label" for="inputNicknameOrEmail">{{ "Nickname or Email" | trans }}</label>
<input type="text" value="{{ last_login_id }}" name="nickname_or_email" id="inputNicknameOrEmail" <input type="text" value="{{ last_login_id }}" name="nickname_or_email" id="inputNicknameOrEmail"
class="form-control" required autofocus> class="form-control" required autofocus>
<p class="help-text">{{ "Your nickname or email address." | trans }}</p> <p class="help-text">{{ "Your nickname or email address." | trans }}</p>
</div> </div>
<div class="form-group"> <div class="mb-3">
<label class="section-form-label" for="inputPassword">{{ "Password" | trans }}</label> <label class="section-form-label" for="inputPassword">{{ "Password" | trans }}</label>
<input type="password" name="password" id="inputPassword" class="form-control" required> <input type="password" name="password" id="inputPassword" class="form-control" required>
<p class="help-text">{{ "Your account's password." | trans }}</p> <p class="help-text">{{ "Your account's password." | trans }}</p>