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

vertical align co-op images on technology pages

Browse Source
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 %} {% 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 %}

2
_layouts/technology.html
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>

3
assets/css/app.css
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;