From a952ea6ac62e6a45baaa5caec43b6677e267c4ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Munsch?= <jeremy.munsch@ldc.fr>
Date: Fri, 22 Dec 2023 11:44:57 +0100
Subject: [PATCH] Fixes #48 Add style to ck-content + fix all front WYSIWYG
 taht where missing ck-content

---
 resources/sass/fo/fo.scss                      |  2 +-
 resources/sass/fo/vendor/_ckEditorContent.scss | 14 ++++++++++++++
 resources/views/fo/pages/home.blade.php        |  8 ++++++--
 resources/views/fo/pages/news/show.blade.php   |  4 +++-
 .../views/fo/pages/products/show.blade.php     | 18 +++++++++++++++---
 resources/views/fo/pages/ranges/show.blade.php |  4 +++-
 6 files changed, 42 insertions(+), 8 deletions(-)

diff --git a/resources/sass/fo/fo.scss b/resources/sass/fo/fo.scss
index 05df477..327f7b8 100644
--- a/resources/sass/fo/fo.scss
+++ b/resources/sass/fo/fo.scss
@@ -4,8 +4,8 @@
 @import './utilities/variables';
 
 // * VENDOR
-@import './vendor/ckEditorContent';
 @import './vendor/bootstrap';
+@import './vendor/ckEditorContent';
 @import "./vendor/cookie-notice";
 @import "./vendor/swiper";
 
diff --git a/resources/sass/fo/vendor/_ckEditorContent.scss b/resources/sass/fo/vendor/_ckEditorContent.scss
index 1b9bc53..747f52e 100644
--- a/resources/sass/fo/vendor/_ckEditorContent.scss
+++ b/resources/sass/fo/vendor/_ckEditorContent.scss
@@ -13,6 +13,20 @@
     @import "bootstrap/scss/mixins";
     @import "bootstrap/scss/root";
     @import "bootstrap/scss/reboot";
+
+
+    // * CK CONTENT overload pour créa
+    h2 {
+        width: fit-content;
+        padding: 0.2rem 1.5rem;
+        margin-top: 0.5rem;
+        color: $body-bg;
+        font-family: 'Readex Pro', sans-serif !important;
+        hyphens: auto;
+        overflow-wrap: break-word;
+
+        @include input-shape($body-color);
+    }
 }
 
 /*
diff --git a/resources/views/fo/pages/home.blade.php b/resources/views/fo/pages/home.blade.php
index bfc474e..e28bf85 100644
--- a/resources/views/fo/pages/home.blade.php
+++ b/resources/views/fo/pages/home.blade.php
@@ -36,7 +36,9 @@
                                 <span class="f-readex-pro fs-6 fw-semibold">{{ __('au fil de l\'année') }}</span>
                                 <span class="f-sheldon fs-1 mb-3 mt-1">{{ $seasonalSectionsModel->title }}</span>
                             </h2>
-                            {!! clean($seasonalSectionsModel->text) !!}
+                            <div class="ck-content">
+                                {!! clean($seasonalSectionsModel->text) !!}
+                            </div>
                         </div>
                     </div>
                     <div class="seasonal-sections-image bg-agis-white col-12 col-xl-6 position-relative mx-xl-0 mx-auto w-auto p-4">
@@ -61,7 +63,9 @@
                 </div>
                 <div class="col-12 col-md-6">
                     <div class="description-paragraph d-flex flex-column justify-content-center align-items-start h-100">
-                        {!! clean($homepageModel->presentation_content) !!}
+                        <div class="ck-content">
+                            {!! clean($homepageModel->presentation_content) !!}
+                        </div>
                         <a class="btn btn-primary fw-bold mt-1" href="{{ route('fo.explorer') }}">{{ __('> En savoir +') }}</a>
                     </div>
                 </div>
diff --git a/resources/views/fo/pages/news/show.blade.php b/resources/views/fo/pages/news/show.blade.php
index 08a44a2..99b2e9a 100644
--- a/resources/views/fo/pages/news/show.blade.php
+++ b/resources/views/fo/pages/news/show.blade.php
@@ -34,7 +34,9 @@
                     <div class="news-single-content mx-auto mt-3">
                         <p class="fs-7 fw-semibold text-start">{{ $newsModel->subtitle }}</p>
                         <br>
-                        {!! clean($newsModel->content) !!}
+                        <div class="ck-content">
+                            {!! clean($newsModel->content) !!}
+                        </div>
                     </div>
                 </div>
                 <div class="row pb-5">
diff --git a/resources/views/fo/pages/products/show.blade.php b/resources/views/fo/pages/products/show.blade.php
index 59d7934..7cfe1cf 100644
--- a/resources/views/fo/pages/products/show.blade.php
+++ b/resources/views/fo/pages/products/show.blade.php
@@ -57,7 +57,11 @@
             </div>
 
             {{-- DESCRIPTION --}}
-            <div class="text-lg-center col-12 col-lg-9 mx-lg-auto px-3 text-justify">{!! clean($productModel->description) !!}</div>
+            <div class="text-lg-center col-12 col-lg-9 mx-lg-auto px-3 text-justify">
+                <div class="ck-content">
+                    {!! clean($productModel->description) !!}
+                </div>
+            </div>
 
             {{-- PICTOS --}}
             @if (!empty($productModel->commitments))
@@ -89,14 +93,22 @@
                         <div class="col-12 mt-4">
                             <img class="picto-img float-start me-3 mt-3" src="{{ Vite::asset($productModel->cooking_mode->picture()) }}"
                                 title="{{ $productModel->cooking_mode->label() }}" alt="{{ $productModel->cooking_mode->alt() }}">
-                            <div class="cooking-advice text-justify">{!! clean($productModel->cooking_advice) !!}</div>
+                            <div class="cooking-advice text-justify">
+                                <div class="ck-content">
+                                    {!! clean($productModel->cooking_advice) !!}
+                                </div>
+                            </div>
                         </div>
                     </section>
                     {{-- INGREDIENTS --}}
                     <section class="row">
                         <h2 class="green-title f-readex-pro fs-6 w-100 mt-5 px-4 py-2 text-white">{{ __('Ingrédients') }}</h2>
                         <div class="col-12">
-                            <div class="text-justify">{!! clean($productModel->ingredients) !!}</div>
+                            <div class="text-justify">
+                                <div class="ck-content">
+                                    {!! clean($productModel->ingredients) !!}
+                                </div>
+                            </div>
                         </div>
                     </section>
                 </div>
diff --git a/resources/views/fo/pages/ranges/show.blade.php b/resources/views/fo/pages/ranges/show.blade.php
index 51eae47..cc39a31 100644
--- a/resources/views/fo/pages/ranges/show.blade.php
+++ b/resources/views/fo/pages/ranges/show.blade.php
@@ -23,7 +23,9 @@
                     <p class="highlight black f-readex-pro m-0 mb-2 px-3 text-white">
                         {{ Str::of($rangeModel->tagline)->ucFirst() }}
                     </p>
-                    {!! clean($rangeModel->description) !!}
+                    <div class="ck-content">
+                        {!! clean($rangeModel->description) !!}
+                    </div>
                 </div>
                 <div class="col-12 col-xl-6 m-xl-0 my-4">
                     <div class="d-flex justify-content-center">