From f6c332adca1ee3367bbb4379db9eae0e53cd6230 Mon Sep 17 00:00:00 2001
From: Valentin <valentin@figureslibres.io>
Date: Tue, 27 Jun 2023 17:39:49 +0200
Subject: [PATCH] fullspread img left ok

---
 .../carnet-atterrissage/css/mep_carnet.css      | 17 +++++++++++++++--
 .../templates/partials/base.html.twig           | 12 ++++++++++++
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/user/themes/carnet-atterrissage/css/mep_carnet.css b/user/themes/carnet-atterrissage/css/mep_carnet.css
index 42d460f..a52d61c 100644
--- a/user/themes/carnet-atterrissage/css/mep_carnet.css
+++ b/user/themes/carnet-atterrissage/css/mep_carnet.css
@@ -228,10 +228,23 @@ img {
 .imgfullspreadleft {
   break-before: left;
   break-after: left;
-  max-height: 100%;
+  width: 149mm;
+  overflow: hidden;
 }
 
 .imgfullspreadleft img {
-  height: 100%;
+  height: 198mm;
   width: auto;
+}
+
+.imgfullspreadleft-right {
+  width: 149mm;
+  overflow: hidden;
+  margin-left: -16mm;
+}
+
+.imgfullspreadleft-right img {
+  height: 198mm;
+  width: auto;
+  margin-left: -141mm;
 }
\ No newline at end of file
diff --git a/user/themes/carnet-atterrissage/templates/partials/base.html.twig b/user/themes/carnet-atterrissage/templates/partials/base.html.twig
index 9b1f677..fc1a553 100644
--- a/user/themes/carnet-atterrissage/templates/partials/base.html.twig
+++ b/user/themes/carnet-atterrissage/templates/partials/base.html.twig
@@ -160,6 +160,18 @@
                     }
                 }
             }
+            // images fullspread
+            let fullspreadEl = document.getElementsByClassName('imgfullspreadleft');
+            for (let i = 0; i < fullspreadEl.length; i++) {
+                let imgSrc = fullspreadEl[i].firstElementChild.getAttribute('src');
+                let nextPage = fullspreadEl[i].closest('.pagedjs_page').nextElementSibling.querySelectorAll('.pagedjs_page_content');
+                let imgOverflowEl = document.createElement('div');
+                imgOverflowEl.setAttribute('class', 'imgfullspreadleft-right');
+                let imgOverflow = document.createElement('img');
+                imgOverflow.src = imgSrc;
+                imgOverflowEl.append(imgOverflow);
+                nextPage[0].append(imgOverflowEl);
+            }
         }
     }
     Paged.registerHandlers(setMarginTexts);