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

force portfolio box too show if no image

Browse source
This commit is contained in:
Jake Howard 2016-07-14 16:52:37 +01:00
parent 55a9df76e8
commit fc058814c7
Signed by: jake
GPG key ID: 57AFB45680EDD477
3 changed files with 19 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
theme/static/src/scss/homepage.scss
View file

@ -1,13 +1,3 @@
.portfolio-box {
background-color: $brand-grey-dark;
max-width: initial;
min-height: 300px;
.portfolio-box-caption {
background-color: transparentize($brand-orange, 0.3);
}
}
header {
min-height: 100%;
}

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

@ -51,3 +51,17 @@ p a {
margin: 10px 0;
width: 100%;
}
.portfolio-box {
background-color: $brand-grey-dark;
max-width: initial;
min-height: 300px;
&.show .portfolio-box-caption {
opacity: 1;
}
.portfolio-box-caption {
background-color: transparentize($brand-orange, 0.2);
}
}

6
theme/templates/category.html
View file

@ -34,7 +34,11 @@
<div class="row no-gutter">
{% for article in dates %}
<div class="col-lg-4 col-sm-6">
<a href="#" class="portfolio-box">
{% if article.image %}
<a href="/{{ article.url }}" class="portfolio-box image" data-image="{{ article.image }}">
{% else %}
<a href="/{{ article.url }}" class="portfolio-box show" >
{% endif %}
<div class="portfolio-box-caption">
<div class="portfolio-box-caption-content">
<div class="project-category">