iziram/ScoDoc
1
0
Fork 0
forked from ScoDoc/ScoDoc
Code Issues 12 Pull Requests Projects 1 Releases Wiki Activity

fix pagination tableaux

Browse Source
This commit is contained in:
Iziram 2024-08-20 15:20:14 +02:00
parent 71f88dfa97
commit 4f40713787
1 changed files with 26 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
app/templates/assiduites/widgets/tableau.j2
View File

@ -58,7 +58,7 @@
<!-- Mettre les flèches --> <!-- Mettre les flèches -->
{% if total_pages > 1 %} {% if total_pages > 1 %}
<ul class="pagination"> <ul class="pagination">
<li class=""> <li class="{{'disabled' if options.page == 1 else ''}}">
<a onclick="navigateToPage({{options.page - 1}})">&lt;</a> <a onclick="navigateToPage({{options.page - 1}})">&lt;</a>
</li> </li>
<!-- Toujours afficher la première page --> <!-- Toujours afficher la première page -->
@ -91,7 +91,7 @@
<li class="{% if options.page == total_pages %}active{% endif %}"> <li class="{% if options.page == total_pages %}active{% endif %}">
<a onclick="navigateToPage({{total_pages}})">{{ total_pages }}</a> <a onclick="navigateToPage({{total_pages}})">{{ total_pages }}</a>
</li> </li>
<li class=""> <li class="{{'disabled' if options.page == total_pages else ''}}">
<a onclick="navigateToPage({{options.page + 1}})">&gt;</a> <a onclick="navigateToPage({{options.page + 1}})">&gt;</a>
</li> </li>
</ul> </ul>
@ -235,7 +235,30 @@
max-width: fit-content; max-width: fit-content;
} }
.pagination li{ .pagination li>*{
cursor: pointer; cursor: pointer;
/*Style pour les boutons de pagination*/
border: 1px solid #ccc;
background-color: #f1f1f1;
padding: 8px 16px;
font-size: 16px;
border-radius: 4px;
margin: 8px 1px;
}
.pagination li:hover >a, .pagination li.active>*{
/*Style pour les boutons actifs*/
background-color: var(--sco-color-ues);
color: white !important;
}
.pagination li.disabled>*{
/*Style pour les boutons désactivés*/
opacity: 0.5;
cursor: default;
pointer-events: none;
user-select: none;
} }
</style> </style>