Amélioration visuel des boutons
This commit is contained in:
parent
0315d9f6fe
commit
ca55d0f4cd
@ -57,6 +57,9 @@
|
|||||||
$(".navbar-burger").toggleClass("is-active");
|
$(".navbar-burger").toggleClass("is-active");
|
||||||
$(".navbar-menu").toggleClass("is-active");
|
$(".navbar-menu").toggleClass("is-active");
|
||||||
});
|
});
|
||||||
|
$(".button").click(function() {
|
||||||
|
$(this).addClass("is-loading");
|
||||||
|
});
|
||||||
// Redirige vers la page tapé dans la barre de recherche | recheche brut, possible d'amélioration avec
|
// Redirige vers la page tapé dans la barre de recherche | recheche brut, possible d'amélioration avec
|
||||||
// auto-complétion, créer une page web "page n'existe pas", recherche par motsclés, page avec une liste des
|
// auto-complétion, créer une page web "page n'existe pas", recherche par motsclés, page avec une liste des
|
||||||
// pages web possibles en fonction de ce que entre l'utilisateur
|
// pages web possibles en fonction de ce que entre l'utilisateur
|
||||||
|
@ -91,30 +91,26 @@ template = env.from_string("""
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
{% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
|
{% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<nav class="level">
|
<nav class="level is-mobile">
|
||||||
<div class="level-left">
|
<div class="level-left">
|
||||||
{% if precedent %}
|
|
||||||
<div class="level-item">
|
<div class="level-item">
|
||||||
<a class="button" href="{{precedent}}">
|
<a class="button is-primary is-outlined{% if not precedent %} is-static"{% else %}" href="{{precedent}}"{% endif %}>
|
||||||
<span class="icon is-small">
|
<span class="icon is-small">
|
||||||
<i class="fas fa-arrow-left"></i>
|
<i class="fas fa-arrow-left"></i>
|
||||||
</span>
|
</span>
|
||||||
<span>Précédent</span>
|
<span>Précédent</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="level-right">
|
<div class="level-right">
|
||||||
{% if suivant %}
|
|
||||||
<div class="level-item">
|
<div class="level-item">
|
||||||
<a class="button" href="{{suivant}}">
|
<a class="button is-primary is-outlined{% if not suivant %} is-static"{% else %}" href="{{suivant}}"{% endif %}>
|
||||||
<span>Suivant</span>
|
<span>Suivant</span>
|
||||||
<span class="icon is-small">
|
<span class="icon is-small">
|
||||||
<i class="fas fa-arrow-right"></i>
|
<i class="fas fa-arrow-right"></i>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<table class="table is-bordered is-hoverable is-fullwidth">
|
<table class="table is-bordered is-hoverable is-fullwidth">
|
||||||
@ -148,30 +144,26 @@ template = env.from_string("""
|
|||||||
{% endfor %}
|
{% endfor %}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<nav class="level">
|
<nav class="level is-mobile">
|
||||||
<div class="level-left">
|
<div class="level-left">
|
||||||
{% if precedent %}
|
|
||||||
<div class="level-item">
|
<div class="level-item">
|
||||||
<a class="button" href="{{precedent}}">
|
<a class="button is-primary is-outlined{% if not precedent %} is-static"{% else %}" href="{{precedent}}"{% endif %}>
|
||||||
<span class="icon is-small">
|
<span class="icon is-small">
|
||||||
<i class="fas fa-arrow-left"></i>
|
<i class="fas fa-arrow-left"></i>
|
||||||
</span>
|
</span>
|
||||||
<span>Précédent</span>
|
<span>Précédent</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
<div class="level-right">
|
<div class="level-right">
|
||||||
{% if suivant %}
|
|
||||||
<div class="level-item">
|
<div class="level-item">
|
||||||
<a class="button" href="{{suivant}}">
|
<a class="button is-primary is-outlined{% if not suivant %} is-static"{% else %}" href="{{suivant}}"{% endif %}>
|
||||||
<span>Suivant</span>
|
<span>Suivant</span>
|
||||||
<span class="icon is-small">
|
<span class="icon is-small">
|
||||||
<i class="fas fa-arrow-right"></i>
|
<i class="fas fa-arrow-right"></i>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
Loading…
Reference in New Issue
Block a user