responsive: display account management block on bottom of the page (#18357)
This commit is contained in:
parent
0a7e60d4cd
commit
51089b424b
|
@ -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%;
|
||||
|
|
|
@ -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 %}
|
||||
|
|
Reference in New Issue