Nexos/cnt-sindikatua
3
1
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

style pagination

Browse Source
This commit is contained in:
gustavo
2025-10-27 15:20:51 +00:00
parent 961f892baf
commit 14a4652983
3 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
style.css
View File

@ -8,6 +8,7 @@
--rojo-cnt: #dc2d30;
--rojo-cnt-dark: #9d1b1d;
--rojo-cnt-light: #d6453f;
--bs-subtle: #f8d7da;
--reset: #7b7b7b;
--white:#fff;
--black:#000000ff;
@ -88,6 +89,19 @@ button[type="reset"] {
box-shadow: 0 2px 4px rgba(255, 0, 0, 0.25);
}
/* Botón Disabled */
.btn-disabled-cnt {
border-radius: 10px !important;
border:2px solid var(--bs-subtle);
color: var(--white);
padding: 10px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
margin-top: 10px;
}
/* reducir tamaño botones */
.btn-xs {
padding: 0.60rem 0.9rem;

8
views/partials/pagination-custom-pages.twig
View File

@ -26,7 +26,7 @@
</li>
{% else %}
<li class="current mx-2 btn-pagination-position">
<span class="{{ page.class }}">{{ page.title }}</span>
<span class="{{ page.class }} bg-danger-subtle">{{ page.title }}</span>
</li>
{% endif %}
@ -45,9 +45,9 @@
{{ page.title }}
</a>
</li>
{% else %}
{% else %}
<li class="current mx-2 btn-pagination-position">
<span class="{{ page.class }}">{{ page.title }}</span>
<span class="{{ page.class }} {% if page.title > 0 %}bg-danger-subtle{% endif %}">{{ page.title }}</span>
</li>
{% endif %}
@ -68,7 +68,7 @@
</li>
{% else %}
<li class="current mx-2 btn-pagination-position">
<span class="{{ page.class }}">{{ page.title }}</span>
<span class="{{ page.class }} bg-danger-subtle">{{ page.title }}</span>
</li>
{% endif %}
{% endif %}

23
views/partials/pagination-custom.twig
View File

@ -12,7 +12,7 @@
</li>
{% else %}
<li class="first disabled mx-2 border border-0" >
<button disabled class="btn-secondary-cnt btn-pagination-position btn-no-hover">
<button disabled class="btn-disabled-cnt btn-pagination-position btn-no-hover bg-danger-subtle">
{{ __('Inicio', 'Sindikatua') }}
</button>
</li>
@ -28,28 +28,13 @@
</li>
{% else %}
<li class="prev disabled mx-2 border border-0">
<button disabled class="btn-secondary-cnt btn-pagination-position btn-no-hover">
<button disabled class="btn-disabled-cnt btn-pagination-position btn-no-hover bg-danger-subtle">
{{ __('Anterior', 'Sindikatua') }}
</button>
</li>
{% endif %}
{# Pages #}
{# {% for page in pagination.pages %}
{% if page.link %}
<li class="mx-2 btn-pagination-position">
<a href="{{ page.link }}"
class="{{ page.class }} text-decoration-none btn-page-hover" >
{{ page.title }}
</a>
</li>
{% else %}
<li class="current mx-2 btn-pagination-position">
<span class="{{ page.class }}">{{ page.title }}</span>
</li>
{% endif %}
{% endfor %} #}
{% include 'partials/pagination-custom-pages.twig' %}
{# Next #}
@ -62,7 +47,7 @@
</li>
{% else %}
<li class="next disabled mx-2 border border-0">
<button disabled class="btn-secondary-cnt btn-pagination-position btn-no-hover">
<button disabled class="btn-disabled-cnt btn-pagination-position btn-no-hover bg-danger-subtle">
{{ __('Siguiente', 'Sindikatua') }}
</button>
</li>
@ -79,7 +64,7 @@
{% else %}
<li class="last disabled mx-2 border border-0">
<button disabled
class="btn-secondary-cnt btn-pagination-position btn-no-hover">
class="btn-disabled-cnt btn-pagination-position btn-no-hover bg-danger-subtle">
{{ __('Última', 'Sindikatua') }}
</button>
</li>