archive/theorangeone.net-legacy
Archived
1
Fork 0
Code Releases Packages Activity

fix image display on category pages

Browse source
This commit is contained in:
Jake Howard 2016-08-28 16:36:16 +01:00
parent 211e7b9fbd
commit 67c8738f72
Signed by: jake
GPG key ID: 57AFB45680EDD477
2 changed files with 18 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
theme/static/src/scss/index.scss
View file

@ -87,3 +87,15 @@ p a {
.highlight.ansi-up { .highlight.ansi-up {
font-weight: 600; font-weight: 600;
} }
.media.category {
.media-left {
min-width: 100px;
height: 100px;
.image {
width: 100%;
height: 100%;
}
}
}

14
theme/templates/category.html
View file

@ -31,14 +31,12 @@
<div class="container"> <div class="container">
<div class="row no-gutter"> <div class="row no-gutter">
{% for article in articles|sort(attribute="title") %} {% for article in articles|sort(attribute="title") %}
<div class="media categories"> <div class="media category">
{% if article.image %} <div class="media-left">
<div class="media-left"> {% if article.image %}
<a href="/{{ article.url }}"> <div class="image" data-image="{{ article.image }}"></div>
<img class="media-object" src="{{ article.image }}"> {% endif %}
</a> </div>
</div>
{% endif %}
<div class="media-body"> <div class="media-body">
<a href="/{{ article.url }}"> <a href="/{{ article.url }}">
<h4 class="media-heading">{{ article.title }}</h4> <h4 class="media-heading">{{ article.title }}</h4>