75837af412
A browser will use Unicode glyphs from other font families if the glyph in question is not present for the current typeface. This leads to unnerving situations, whereby setting content through pseudo-selectors will cause text to misalign. And no, line-height won't make a difference in this case. This happens because fonts have different heights. Another reason may reside on CSS3 having pseudo selectors but not really having a proper spec for them to begin with.
55 lines
2.4 KiB
Twig
55 lines
2.4 KiB
Twig
{% extends 'stdgrid.html.twig' %}
|
|
|
|
{% block title %}{{ "Log in!" | trans }}{% endblock %}
|
|
|
|
{% block body %}
|
|
<section class="frame-section">
|
|
<form class="section-form" method="post">
|
|
<fieldset class="container-block">
|
|
<legend class="section-form-legend">
|
|
<h1>{{ "Login" | trans }}</h1>
|
|
</legend>
|
|
|
|
{% if error %}
|
|
<label class="alert alert-danger">
|
|
{{ error.getMessage() }}
|
|
</label>
|
|
{% endif %}
|
|
|
|
{% if app.user %}
|
|
<span>
|
|
{{ "You are logged in as" | trans }} {{ app.user.username }}.
|
|
<button class="btn btn-lg btn-primary">
|
|
<a href="{{ path('app_logout') }}">{{ "Logout" | trans }}</a>
|
|
</button>
|
|
</span>
|
|
{% else %}
|
|
<div class="form-row">
|
|
<label class="section-form-label" for="inputNicknameOrEmail">{{ "Nickname or Email" | trans }}</label>
|
|
<input type="text" value="{{ last_login_id }}" name="_username" id="inputNicknameOrEmail" class="form-control" required autofocus>
|
|
<p class="help-text">{{ "Your nickname or email address." | trans }}</p>
|
|
</div>
|
|
|
|
<div class="form-row">
|
|
<label class="section-form-label" for="inputPassword">{{ "Password" | trans }}</label>
|
|
<input type="password" name="_password" id="inputPassword" class="form-control" required>
|
|
<p class="help-text">{{ "Your account's password." | trans }}</p>
|
|
</div>
|
|
|
|
<span class="form-row-checkbox">
|
|
<label for="inputRememberMe">{{ "Remember me" | trans }}</label>
|
|
<input type="checkbox" name="_remember_me" id="inputRememberMe">
|
|
</span>
|
|
|
|
<input type="hidden" name="_csrf_token" value="{{ csrf_token('authenticate') }}">
|
|
<div>
|
|
<button id="signIn" class="btn btn-lg btn-primary" type="submit">Sign in</button>
|
|
</div>
|
|
{% endif %}
|
|
</fieldset>
|
|
</form>
|
|
</section>
|
|
{% endblock body %}
|
|
|
|
{% block javascripts %}{% endblock %}
|