femmefaytale
/
cotech-website
forked from autonomic-cooperative/cotech-website
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_layouts/service.html
View File

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

2
_layouts/technology.html
View File

@ -42,7 +42,7 @@
{% for coop in site.coops %}
{% if coop.technologies contains page.slug %}
<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 }}">
</a>
</div>

3
assets/css/app.css
View File

@ -6683,7 +6683,8 @@ a:focus {
.coop-thumb img {
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 {
display: flex;
justify-content: center;