From ecc57289a86fbf5069595261a734cdffbebfd5ca Mon Sep 17 00:00:00 2001
From: Arthur <aboivert.sa@gmail.com>
Date: Wed, 28 Aug 2019 13:09:14 +0200
Subject: [PATCH] Photo test v7

---
 assets/css/style.css | 21 ++++++++++++++-------
 commandetest.php     | 29 +++--------------------------
 2 files changed, 17 insertions(+), 33 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 7d9896c..9f00ae4 100755
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -663,11 +663,18 @@ Small Device Styles
     }
 }
 
-#solution {
-    font-size: 12px;
-    color: #535353;
+.iframe-container {
+    overflow: hidden;
+// Calculated from the aspect ration of the content (in case of 16:9 it is 9/16= 0.5625)
+padding-top: 56.25%;
+    position: relative;
+}
+
+.iframe-container iframe {
+    border: 0;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
 }
-#remarques {
-    font-size: 12px;
-    color: #535353;
-}
\ No newline at end of file
diff --git a/commandetest.php b/commandetest.php
index 5fcaa5d..edec03e 100644
--- a/commandetest.php
+++ b/commandetest.php
@@ -5,33 +5,10 @@ ob_start(); // Start reading html
 -TEXTE-
 
 <br><br>
-<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeQ6ldsTuBGNN5hnp7KP_tt2rRuvRREJMvohjwsOhXCVCnECw/viewform?embedded=true" id="ifrm" src="some-iframe-content.html">Chargement…</iframe>
+<div class="iframe-container">
+<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSeQ6ldsTuBGNN5hnp7KP_tt2rRuvRREJMvohjwsOhXCVCnECw/viewform?embedded=true">Chargement…</iframe>
+</div>
 
-<script type="text/javascript">
-    function getDocHeight(doc) {
-        doc = doc || document;
-        // stackoverflow.com/questions/1145850/
-        var body = doc.body, html = doc.documentElement;
-        var height = Math.max( body.scrollHeight, body.offsetHeight,
-            html.clientHeight, html.scrollHeight, html.offsetHeight );
-        return height;
-    }
-
-    function setIframeHeight(id) {
-        var ifrm = document.getElementById(id);
-        var doc = ifrm.contentDocument? ifrm.contentDocument:
-            ifrm.contentWindow.document;
-        ifrm.style.visibility = 'hidden';
-        ifrm.style.height = "10px"; // reset to minimal height ...
-        // IE opt. for bing/msn needs a bit added or scrollbar appears
-        ifrm.style.height = getDocHeight( doc ) + 4 + "px";
-        ifrm.style.visibility = 'visible';
-    }
-
-    document.getElementById('ifrm').onload = function() { // Adjust the Id accordingly
-        setIframeHeight(this.id);
-    }
-</script>
 </body>
 <?php
 $pageContent = ob_get_clean(); // Store html content in variable