responsive

This commit is contained in:
2020-07-27 23:03:25 +02:00
parent 34741c345d
commit f7a6562f51
47 changed files with 1056 additions and 946 deletions
@@ -28,14 +28,22 @@
*/
#}
{% set id = [elements][0].content['#view_id'] %}
<div class="container {{id}}">
{% if id == 'programme' %}
{% set class = [elements][0].content['#view_id'] %}
{% if class == 'programme' or class == 'publications' or class == 'bibliographie' %}
{% set addClass = 'container' %}
{% endif %}
<div class="{{class}} {{addClass}}">
{% if class == 'programme' %}
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
{% endif %}
{% endif %}
{{ title_suffix }}
{% block content %}
{{ content }}
@@ -27,7 +27,7 @@
* @ingroup themeable
*/
#}
<div{{ attributes }}>
<div{{ attributes }} class="col-12 col-md-6 px-0 col-lg-12">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
@@ -27,7 +27,7 @@
* @ingroup themeable
*/
#}
<div{{ attributes }} class="col-3">
<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
@@ -29,7 +29,7 @@
#}
<div{{ attributes }} class="col-3">
<div{{ attributes }} class="col-12 col-md-6 col-lg-4">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
@@ -27,10 +27,10 @@
* @ingroup themeable
*/
#}
<div class="col-6">
<div class="col-12 d-md-flex d-lg-block col-lg-4">
<div{{ attributes }}>
<div{{ attributes }} class="col-12 col-md-6 col-lg-12 px-0">
{{ title_prefix }}
{% if label %}
<h2{{ title_attributes }}>{{ label }}</h2>
@@ -45,7 +45,7 @@
%}
<h4>{{ label }}</h4>
<div class="row flex-wrap pb-4 col-12 px-0 mx-auto">
<div class="row flex-wrap mx-0">
{% for item in items %}
{{ item.content }}
{% endfor %}
@@ -72,7 +72,7 @@
* @ingroup themeable
*/
#}
<article{{ attributes }} class="col-12 col-md-10 mb-5">
<article{{ attributes }} class="col-12 col-md-10 mb-5 px-0">
{{ title_prefix }}
{% if label and not page %}
<h2{{ title_attributes }}>
@@ -73,26 +73,23 @@
*/
#}
<article{{ attributes }} class="row">
<div class="__wrapper col-sm-12 col-md-9 px-0">
<article{{ attributes }} class="row" id="moments">
<div class="__wrapper col-sm-12 col-md-9">
<div class="__img-hero">
{{content.field_image}}
{{content.field_image}}
</div>
<div class="__title col-12 px-0">
<h2>{{label}}</h2>
</div>
<div class="__wrapper row">
<div class="__title col-12 my-3 my-lg-5">
<h2>{{label}}</h2>
</div>
<div class="__wrap_side col-md-12 col-lg-1 mt-3">
{% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'moments' } %}
</div>
<div class="__wrap_content col-12 col-lg-11 my-3">
<div class="__head mb-5">
<div class="__head">
<div class="d-flex flex-wrap">
{{ content.field_date_du_programme }} |
{{ content.field_heure_du_moment }} |
@@ -72,8 +72,8 @@
* @ingroup themeable
*/
#}
<article{{ attributes }} class="participant_full">
<div class="hero">
<article{{ attributes }} class="participant_full row">
<div class="hero col">
<figure class="d-md-flex d-block">
<div class="__img">
{{content.field_portrait}}
@@ -95,19 +95,19 @@
</div>
</div>
<div class="__ressources">
<div class="__ressources col">
{% if content.field_publications_participants %}
<div class="__publications">
<section class="__publications">
{{content.field_publications_participants}}
</div>
</section>
{% endif %}
{% if content.field_bibliographie %}
<div class="__bibliographie">
<section class="__bibliographie">
{{content.field_bibliographie}}
</div>
</section>
{% endif %}
</div>
</article>
@@ -75,11 +75,11 @@
<div class="__img-hero">
{{content.field_image}}
</div>
<article{{ attributes }} class="mt-4" id="presentation">
<article{{ attributes }} id="presentation">
<div class="__title col-12 px-0">
<h2>{{label}}</h2>
</div>
<div class="__wrapper row mt-5">
<div class="__wrapper row">
<div class="__wrap_side col-sm-12 col-md-1 pr-0 mt-0 mb-3">
{% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' with { page : 'presentation' } %}
</div>
@@ -72,7 +72,7 @@
* @ingroup themeable
*/
#}
<article class="d-sm-flex flex-wrap d-block publications">
<article class="row d-sm-flex flex-wrap d-block publications">
<div class="__wrap_side col-sm-12 col-md-12 col-lg-1">
{% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
{{content.field_telecharger_la_ressource}}
@@ -74,7 +74,7 @@
</main>
{% if page.footer %}
<footer role="contentinfo">
<footer role="contentinfo" class="container-fluid">
{{ page.footer }}
</footer>
{% endif %}
@@ -46,7 +46,7 @@
*/
#}
<div class="layout-container">
<header role="banner">
<header role="banner" class="container-fluid">
{{ page.header }}
</header>
@@ -74,7 +74,7 @@
</main>
{% if page.footer %}
<footer role="contentinfo">
<footer role="contentinfo" class="container-fluid">
{{ page.footer }}
</footer>
{% endif %}
@@ -46,7 +46,7 @@
*/
#}
<div class="layout-container">
<header role="banner">
<header role="banner" class="container-fluid">
{{ page.header }}
</header>
@@ -88,7 +88,7 @@
</main>
{% if page.footer %}
<footer role="contentinfo">
<footer role="contentinfo" class="container-fluid">
{{ page.footer }}
</footer>
{% endif %}
@@ -15,7 +15,7 @@
*/
#}
{% if content %}
<div{{ attributes }} class="container">
<div{{ attributes }} class="d-flex container">
{{ content }}
</div>
{% endif %}
@@ -20,7 +20,7 @@
{% if title %}
<h3>{{ title }}</h3>
{% endif %}
<div class="row flex-wrap">
<div class="d-flex flex-wrap">
{% for row in rows %}
{%
set row_classes = [
@@ -25,7 +25,7 @@
{% endif %}
<div class="row justify-content-end">
{% if rows[0] %}
<div class="__wrap_side col-sm-12 col-md-1 my-3 my-sm-2">
<div class="__wrap_side col-sm-12 col-md-1">
{% include 'themes/custom/popsu_colloque/template/components/share_rs.html.twig' %}
</div>
{% endif %}
@@ -34,7 +34,7 @@
#}
<div class="views col px-0">
<div class="views">
{{ title_prefix }}
{{ title }}
@@ -34,7 +34,7 @@
#}
<div class="views col px-0">
<div class="views">
{{ title_prefix }}
{{ title }}