responsive: display account management block on bottom of the page (#18357)

This commit is contained in:
Serghei Mihai 2017-10-19 17:55:42 +02:00
parent 0a7e60d4cd
commit 51089b424b
2 changed files with 29 additions and 27 deletions

View File

@ -670,6 +670,7 @@ div.cut-edit {
#cut-account {
float: left;
position: relative;
width: 70%;
border-left: 1px solid #ccc;
margin: 3ex 0;
@ -690,7 +691,6 @@ div.cut-edit {
}
}
div.progress {
float: left;
padding-right: 10%;
border-right: 1px solid #ccc;
width: 60%;
@ -792,11 +792,14 @@ div.cut-edit {
}
}
div#account-management {
float: right;
position: absolute;
top: 0;
right: 0;
width: 25%;
@media screen and (max-width: $mobile-limit) {
float: none;
width: auto;
position: relative;
}
.block {
margin: 0 0 0 5%;

View File

@ -53,31 +53,6 @@
{% endif %}
</div>
<div id="account-management">
<div class="block">
<div class="associated-email">VOTRE COURRIEL EST <span>{{ user.email }}</span></div>
<ul>
{% if allow_email_change %}
<li><a href="{% url 'email-change' %}" class="button">Modifier le courriel</a></li>
{% endif %}
<li><a href="{% url 'password_change' %}" class="button">Modifier le mot de passe</a></li>
{% if allow_account_deletion %}
<li><a href="{% url 'delete_account' %}" class="button">Supprimer le compte</a></li>
{% endif %}
</ul>
</div>
{% if not user.fc_accounts.exists %}
<div>
{% for id, block in frontends_block_by_id.items %}
<div id="account-management-{{ id }}" class="block">
{{ block.content|safe }}
</div>
{% endfor %}
</div>
{% endif %}
</div>
<br class="clear" />
<div id="profile">
{% if profile %}
<h2 id="mes-donnees-d-identite">Mes données d'identité</h2>
@ -191,6 +166,30 @@
<a href="{% url 'cut-edit-crown' %}" class="button">Compléter mes données</a>
</div>
</div>
<br class="clear" />
<div id="account-management">
<div class="block">
<div class="associated-email">VOTRE COURRIEL EST <span>{{ user.email }}</span></div>
<ul>
{% if allow_email_change %}
<li><a href="{% url 'email-change' %}" class="button">Modifier le courriel</a></li>
{% endif %}
<li><a href="{% url 'password_change' %}" class="button">Modifier le mot de passe</a></li>
{% if allow_account_deletion %}
<li><a href="{% url 'delete_account' %}" class="button">Supprimer le compte</a></li>
{% endif %}
</ul>
</div>
{% if not user.fc_accounts.exists %}
<div>
{% for id, block in frontends_block_by_id.items %}
<div id="account-management-{{ id }}" class="block">
{{ block.content|safe }}
</div>
{% endfor %}
</div>
{% endif %}
</div>
</div>
{% endblock %}