Amélioration visuel des boutons

This commit is contained in:
Éric Li 2021-04-23 12:27:53 +02:00
parent 0315d9f6fe
commit ca55d0f4cd
2 changed files with 11 additions and 16 deletions

View File

@ -57,6 +57,9 @@
$(".navbar-burger").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
// 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

View File

@ -91,30 +91,26 @@ template = env.from_string("""
{% extends "base.html" %}
{% block title %}{{data.code}} - {{data.nom}}{{data.titre}}{% endblock %}
{% block content %}
<nav class="level">
<nav class="level is-mobile">
<div class="level-left">
{% if precedent %}
<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">
<i class="fas fa-arrow-left"></i>
</span>
<span>Précédent</span>
</a>
</div>
{% endif %}
</div>
<div class="level-right">
{% if suivant %}
<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 class="icon is-small">
<i class="fas fa-arrow-right"></i>
</span>
</a>
</div>
{% endif %}
</div>
</div>
</nav>
<table class="table is-bordered is-hoverable is-fullwidth">
@ -148,30 +144,26 @@ template = env.from_string("""
{% endfor %}
</tbody>
</table>
<nav class="level">
<nav class="level is-mobile">
<div class="level-left">
{% if precedent %}
<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">
<i class="fas fa-arrow-left"></i>
</span>
<span>Précédent</span>
</a>
</div>
{% endif %}
</div>
<div class="level-right">
{% if suivant %}
<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 class="icon is-small">
<i class="fas fa-arrow-right"></i>
</span>
</a>
</div>
{% endif %}
</div>
</div>
</nav>
{% endblock %}