vertical align co-op images on technology pages

This commit is contained in:
Chris Croome 2019-07-05 13:36:13 +01:00
parent 540911839d
commit ac96faf6ba
3 changed files with 5 additions and 4 deletions

View File

@ -42,8 +42,8 @@
{% for coop in site.coops %} {% for coop in site.coops %}
{% if coop.services contains page.slug %} {% if coop.services contains page.slug %}
<div class="column"> <div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb"> <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}" id="#{{ coop.slug }}"> <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a> </a>
</div> </div>
{% endif %} {% endif %}

View File

@ -42,7 +42,7 @@
{% for coop in site.coops %} {% for coop in site.coops %}
{% if coop.technologies contains page.slug %} {% if coop.technologies contains page.slug %}
<div class="column"> <div class="column">
<a href="{{ coop.url | relative_url }}" class="coop-thumb"> <a href="{{ coop.url | relative_url }}" class="coop-thumb" id="#{{ coop.slug }}">
<img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}"> <img src="/images/coops/{{ coop.slug }}" alt="{{ coop.name }}">
</a> </a>
</div> </div>

View File

@ -6683,7 +6683,8 @@ a:focus {
.coop-thumb img { .coop-thumb img {
max-height: 100%; } max-height: 100%; }
/* Vertical align coop logos on services pages */ /* Vertical align coop logos on technology and services pages */
.technology #grid .coop-thumb,
.service #grid .coop-thumb { .service #grid .coop-thumb {
display: flex; display: flex;
justify-content: center; justify-content: center;