prenex/magcms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix bordered picture

Browse Source
This commit is contained in:
Adrien Beudin 2016-03-30 13:32:07 +02:00
parent 5a6e11ec80
commit 0805c8183b
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
prosopopee/themes/material/static/css/styles.css
View File

@ -62,8 +62,8 @@ main {
}
.bordered-picture .caption__overlay {
margin-left: 11.5%;
margin-right: 11.5%;
margin-left: 11.5% !important;
margin-right: 11.5% !important;
}
.caption .card-panel {
@ -71,4 +71,11 @@ main {
padding: 1px;
text-align: center;
}
.bordered-picture img {
height: 77%;
width: 77%;
margin-left: 11.5%;
margin-right: 11.5%;
}

8
prosopopee/themes/material/templates/sections/bordered-picture.html
View File

@ -1,8 +1,8 @@
{% set image = Image(section.image) %}
{% set caption = section.text %}
{{ image.copy()}}
<div class="bordered-picture baguette caption">
{% set image = Image(section.image) %}
{% set caption = section.text %}
{{ image.copy()}}
<a href="{{ image }} {% if caption %}data-caption="{{ caption }}"{% endif %}>
<a href="{{ image }}" {% if caption %}data-caption="{{ caption }}"{% endif %}>
<img class="responsive-img" src="{{ image.generate_thumbnail("x2000") }}">
{% if caption %}
<div class="caption__overlay card-panel center">