cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: properly display pagination w/out javascript

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-14 16:27:11 -07:00
parent 876d2a921f
commit 22692dd9e1
No known key found for this signature in database
3 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.3.17", "version": "19.3.18",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.3.17", "version": "19.3.18",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.3.17", "version": "19.3.18",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

4
src/_includes/partials/widgets/paginator.liquid
View file

@ -13,14 +13,14 @@
</span> </span>
{% endif %} {% endif %}
<select-pagination> <select-pagination>
<select aria-label="Page selection"> <select class="client-side" aria-label="Page selection">
{% for pageEntry in pagination.pages %} {% for pageEntry in pagination.pages %}
<option value="{{ forloop.index | minus: 1 }}">{{ forloop.index }} of {{ pagination.links.size }}</option> <option value="{{ forloop.index | minus: 1 }}">{{ forloop.index }} of {{ pagination.links.size }}</option>
{% endfor %} {% endfor %}
</select> </select>
<noscript> <noscript>
<div class="text-centered"> <div class="text-centered">
<span aria-current="page">{{ pagination.pageNumber }}</span> of {{ pagination.links.size }} <span aria-current="page">{{ pagination.pageNumber | plus: 1 }}</span> of {{ pagination.links.size }}
</div> </div>
</noscript> </noscript>
</select-pagination> </select-pagination>