Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
embl.org
vf-core-mirror
Commits
bb942526
Commit
bb942526
authored
Dec 06, 2021
by
Ken Hawkins
Browse files
Update pagination example
Closes #1588
parent
7148e058
Pipeline
#220657
passed with stages
in 11 minutes and 43 seconds
Changes
1
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
with
1 addition
and
42 deletions
+1
-42
tools/vf-component-library/src/site/patterns/search-results.njk
...vf-component-library/src/site/patterns/search-results.njk
+1
-42
No files found.
tools/vf-component-library/src/site/patterns/search-results.njk
View file @
bb942526
...
...
@@ -410,48 +410,7 @@ layout: layouts/boilerplate.njk
]
} %} #}
<nav
class=
"vf-pagination"
aria-label=
"Pagination"
>
<ul
class=
"vf-pagination__list"
>
<li
class=
"vf-pagination__item vf-pagination__item--pages-per"
>
<div
class=
"vf-form__item--inline"
>
<label
class=
"vf-form__label"
for=
"vf-form__select"
>
Results per page
</label>
<select
class=
"vf-form__select"
id=
"vf-form__select"
>
<option
value=
"10"
selected
>
10
</option>
<option
value=
"20"
>
20
</option>
<option
value=
"30"
>
30
</option>
<option
value=
"40"
>
40
</option>
<option
value=
"50"
>
50
</option>
</select>
</div>
</li>
<li
class=
"vf-pagination__item"
>
<span
class=
"vf-u-sr-only"
>
Result
</span>
1 - 10 of 1,345
</li>
<li
class=
"vf-pagination__item vf-pagination__item--jump-back"
>
<a
href=
"JavaScript:Void(0);"
class=
"vf-pagination__link"
>
<
<
<
span
class=
"vf-u-sr-only"
>
First set
</span>
</a>
</li>
<li
class=
"vf-pagination__item vf-pagination__item--previous-page"
>
<a
href=
"JavaScript:Void(0);"
class=
"vf-pagination__link"
>
<
Previous
<
span
class=
"vf-u-sr-only"
>
set
</span>
</a>
</li>
<li
class=
"vf-pagination__item vf-pagination__item--next-page"
>
<a
href=
"JavaScript:Void(0);"
class=
"vf-pagination__link"
>
Next >
<span
class=
"vf-u-sr-only"
>
set
</span>
</a>
</li>
<li
class=
"vf-pagination__item vf-pagination__item--jump-forward"
>
<a
href=
"JavaScript:Void(0);"
class=
"vf-pagination__link"
>
>>
<span
class=
"vf-u-sr-only"
>
Last set
</span>
</a>
</li>
</ul>
</nav>
{% render '@vf-pagination' %}
<div
class=
"vf-show-hide vf-show-hide--hidden"
data-vf-js-show-hide
data-vf-js-show-hide-hidden
>
{% render '@vf-banner--info', {
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment