ungleich-public/public-health-ch
6
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

Improved infobox columns

Browse source
This commit is contained in:
Oleg Lavrovsky 2017-05-02 16:59:36 +02:00
parent f289f729bb
commit a1fccd095a
5 changed files with 15 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
publichealth/home/templates/home/article_content.html
View file

@ -28,7 +28,7 @@
</div> </div>
<!-- Infoblocks --> <!-- Infoblocks -->
<div class="row"> <div class="row infoblocks">
{% for block in page.trans_body %} {% for block in page.trans_body %}
{% if block.block_type == 'info' %} {% if block.block_type == 'info' %}
<article class="col-md-4"> <article class="col-md-4">

2
publichealth/home/templates/home/page_content.html
View file

@ -28,7 +28,7 @@
</div> </div>
<!-- Infoblocks --> <!-- Infoblocks -->
<div class="row"> <div class="row infoblocks">
{% for block in page.trans_body %} {% for block in page.trans_body %}
{% if block.block_type == 'info' %} {% if block.block_type == 'info' %}
<article class="col-md-4"> <article class="col-md-4">

2
publichealth/home/templates/infos.html
View file

@ -2,7 +2,7 @@
<section id="three" class="wrapper align-center"> <section id="three" class="wrapper align-center">
<div class="container"> <div class="container">
<div class="row"> <div class="row infoblocks">
{% for block in page.trans_infos %} {% for block in page.trans_infos %}
<article class="col-md-4"> <article class="col-md-4">
<div class="image"> <div class="image">

4
publichealth/static/css/modules/_articles.scss
View file

@ -27,6 +27,10 @@ section {
clear: both; clear: both;
} }
.infoblocks article:nth-child(4) {
clear: both;
}
// Responsive image/video classes // Responsive image/video classes
.rich-text img { .rich-text img {
max-width: 100%; max-width: 100%;

7
publichealth/static/mockup/assets/css/main.css
View file

@ -8576,6 +8576,9 @@ section h1 {
text-transform: uppercase; text-transform: uppercase;
} }
.article-body {
line-height: 1.5;
}
.article-body h2 { .article-body h2 {
font-size: 35px; font-size: 35px;
} }
@ -8593,6 +8596,10 @@ section h1 {
clear: both; clear: both;
} }
.infoblocks article:nth-child(4) {
clear: both;
}
.rich-text img { .rich-text img {
max-width: 100%; max-width: 100%;
height: auto; height: auto;