valentin_le_moign/lamine_wp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive asso

Browse Source
This commit is contained in:
Kevin Tessier 2020-07-01 18:15:57 +02:00
parent e5406a35a6
commit d1195648af
2 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
web/app/themes/la_mine/asset/dist/style.css vendored
View File

@ -37,7 +37,9 @@ html{
.agenda .paralax{ .agenda .paralax{
z-index: -1; z-index: -1;
width: 100%; position: absolute;
top:0;
width: 50%;
} }
.les-projets .paralax{ .les-projets .paralax{
z-index: -1; z-index: -1;
@ -568,12 +570,23 @@ article .titre_event{
margin-right: 5px; margin-right: 5px;
} }
article .__img_event{
max-height: 500px;
}
@media screen and (max-width: 576px) {
article .__img_event{
max-height: 300px;
}
}
article .__img_event img{ article .__img_event img{
position:relative; position:relative;
top: 0; top: 0;
width:100%; width:100%;
height:auto; height:100%;
object-fit:contain; object-fit:cover;
} }
.other{ .other{
@ -732,6 +745,12 @@ body.la-collecte .__header h3{
.gutter-sizer { .gutter-sizer {
width: 10px; width: 10px;
} }
@media screen and (max-width: 576px) {
.tableau_engagements > div:not(.gutter-sizer) {
width: calc(100% - 40px)!important;
margin: 0 20px 20px 20px;
}
}
/* END PAGE ASSOCIATION */ /* END PAGE ASSOCIATION */
/* START PAGE privatiser-lespace */ /* START PAGE privatiser-lespace */

8
web/app/themes/la_mine/templates/single.twig
View File

@ -7,16 +7,16 @@
</div> </div>
<article class="row"> <article class="row">
<div class="header mobile col-12 d-md-none d-block"> <div class="header mobile col-12 d-lg-none d-block">
<h3 class="titre_event">{{post.titre}}</h3> <h3 class="titre_event">{{post.titre}}</h3>
</div> </div>
<div class="__img_event col-md-6 col-12"> <div class="__img_event col-lg-6 col-12">
<img src="{{ Image(post.image_event).src }}" /> <img src="{{ Image(post.image_event).src }}" />
</div> </div>
<div class="article-content col-md-6 col-12 mt-3 my-md-0"> <div class="article-content col-lg-6 col-12 my-3 my-lg-0">
<div class="header d-none d-md-block"> <div class="header d-none d-lg-block">
<h3 class="titre_event">{{post.titre}}</h3> <h3 class="titre_event">{{post.titre}}</h3>
</div> </div>