Browse Source

css tweaks and a pager template

master
root 2 years ago
parent
commit
5c3a218792
  1. 19
      css-tweaks.css
  2. 42
      templates/views-mini-pager.html.twig

19
css-tweaks.css

@ -5,9 +5,15 @@
.toolbar-horizontal.toolbar-tray-open .search-box.open {
margin-top: 84px;
}
div#block-homepagewelcome-2 {
div#block-homepagewelcome-2,
#block-exposedformdataset-searchpage-1 {
color: #fff !important;
background: #789d4a; }
padding: 4rem 0;
background: #789d4a;
}
#block-exposedformdataset-searchpage-1 label {
display:none;
}
div#block-homepagewelcome-2 a {
color: var(--upei-red); }
@ -16,3 +22,12 @@ div#block-homepagewelcome-2 h2,
div#block-homepagewelcome-2 p {
color: #fff !important; }
input#edit-search-api-fulltext--2 {
width: 100%;
height: 50px;
}
.js-form-item.form-item.js-form-type-textfield.form-item-search-api-fulltext.js-form-item-search-api-fulltext {
width: 600px;
/* height: 54px; */
}

42
templates/views-mini-pager.html.twig

@ -0,0 +1,42 @@
{#
/**
* @file
* Theme override for a views mini-pager.
*
* Available variables:
* - heading_id: Pagination heading ID.
* - items: List of pager items.
*
* @see template_preprocess_views_mini_pager()
*/
#}
{% if items.previous or items.next %}
<nav class="pager" role="navigation" aria-labelledby="{{ heading_id }}">
<h4 id="{{ heading_id }}" class="visually-hidden">{{ 'Pagination'|t }}</h4>
<ul class="pager__items js-pager__items">
{% if items.previous %}
<li class="pager__item">
<a href="{{ items.previous.href }}" title="{{ 'Go to previous page'|t }}" rel="prev"{{ items.previous.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Previous page'|t }}</span>
<span aria-hidden="true">{{ items.previous.text|default('‹‹'|t) }}</span>
</a>
</li>
{% endif %}
{% if items.current %}
<li class="pager__item">
{% trans %}
Page {{ items.current }}
{% endtrans %}
</li>
{% endif %}
{% if items.next %}
<li class="pager__item">
<a href="{{ items.next.href }}" title="{{ 'Go to next page'|t }}" rel="next"{{ items.next.attributes|without('href', 'title', 'rel') }}>
<span class="visually-hidden">{{ 'Next page'|t }}</span>
<span aria-hidden="true">{{ items.next.text|default('››'|t) }}</span>
</a>
</li>
{% endif %}
</ul>
</nav>
{% endif %}
Loading…
Cancel
Save