From ab3365fa4f307c290034932f83b4ad3b3ce85350 Mon Sep 17 00:00:00 2001
From: jordan <jordan@le-filament.com>
Date: Mon, 24 Aug 2020 21:42:58 +0200
Subject: [PATCH] [fix] chgt pour rendre sondage responsive
---
static/src/css/ethikis_survey.css | 3 +++
templates/layout.xml | 8 ++++----
2 files changed, 7 insertions(+), 4 deletions(-)
diff --git a/static/src/css/ethikis_survey.css b/static/src/css/ethikis_survey.css
index 81a61ff..e5b806b 100644
--- a/static/src/css/ethikis_survey.css
+++ b/static/src/css/ethikis_survey.css
@@ -44,6 +44,7 @@
background-color: white;
background-attachment: fixed;
color:#3D3D3D;
+ overflow-wrap: anywhere;
}
.ethikis-survey h1, .ethikis-survey h2, .ethikis-survey h3, .ethikis-survey h4 {
@@ -127,6 +128,7 @@
background-color: #61C4E1;
color: white;
border-radius: 20px;
+ white-space: normal;
}
.ethikis-btn-green {
@@ -134,6 +136,7 @@
background-color: #009036;
color: white;
border-radius: 20px;
+ white-space: normal;
}
diff --git a/templates/layout.xml b/templates/layout.xml
index 621db67..9b26171 100644
--- a/templates/layout.xml
+++ b/templates/layout.xml
@@ -66,10 +66,10 @@
<template id="ethikis_survey_header">
<div class="row">
- <div class="col-6 my-auto">
+ <div class="col-md-6 my-auto">
<img src="/ethikis_survey/static/src/img/logo_horizontal.png" class="float-left" width="200px" alt=""/>
</div>
- <div class="col-6 text-right my-auto">
+ <div class="col-md-6 text-right my-auto">
<h3>ESPACE ENQUÊTE</h3>
</div>
</div>
@@ -84,7 +84,7 @@
<div class='jumbotron mt32 ethikis-jumbo shadow-lg'>
<t t-call="ethikis_survey.ethikis_survey_header"/>
<div class="row pt-5">
- <div class="col-9">
+ <div class="col-md-9">
<div class="col-12 pb32">
<h1 t-field='survey.title'/>
<div t-field='survey.description' class="oe_no_empty text-justify pt-4 pb-10"/>
@@ -97,7 +97,7 @@
</h5>
</div>
</div>
- <div class="col-3 my-auto">
+ <div class="col-md-3 my-auto">
<img id="ethikis-etiquette-jumbo" src="/ethikis_survey/static/src/img/etiquette.png" class="float-right" margin-right="-2rem" width="250px" alt=""/>
</div>
</div>
--
GitLab