From 704828583160ddebd66fe6632099644c3da620cc Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Fri, 21 Mar 2025 16:32:45 +0100
Subject: [PATCH 1/2] Add zoom effect on hovering images

---
 docusaurus/src/scss/images.scss | 60 +++++++++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)

diff --git a/docusaurus/src/scss/images.scss b/docusaurus/src/scss/images.scss
index c9d5aa4003..0ab8d97503 100644
--- a/docusaurus/src/scss/images.scss
+++ b/docusaurus/src/scss/images.scss
@@ -23,9 +23,69 @@ li > img {
   margin-bottom: 0 !important;
 }
 
+// .medium-zoom-image {
+//   transform: scale(1);
+//   transition: transform .3s ease 0ms;
+//   position: relative; 
+  
+//   &:hover {
+//     transform: scale(1.5);
+//     position: relative;
+//     z-index: 100; 
+//     transition: transform .3s ease 1000ms;
+    
+//     &::after {
+//       content: '';
+//       position: absolute;
+//       top: 0;
+//       left: 0;
+//       right: 0;
+//       bottom: 0;
+//       background-color: white; 
+//       z-index: -1; 
+//       border-radius: inherit; 
+//     }
+//   }
+// }
+
+@keyframes zoomIn {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(1.5);
+  }
+}
+
+body:not(.medium-zoom--opened) .medium-zoom-image {
+  transform: scale(1);
+  position: relative;
+  
+  &:hover {
+    animation: zoomIn 0.3s ease forwards;
+    animation-delay: 500ms; // Délai avant le début de l'animation
+    z-index: 100;
+    
+    &::after {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: white;
+      z-index: -1;
+      border-radius: inherit;
+    }
+  }
+}
+
 @include dark {
   img[src^="data:image/svg+xml"] {
     background-color: white;
   }
+  .medium-zoom-image:hover::after {
+    background-color: var(--strapi-neutral-200);
+  }
 }
 

From dc4d52b36ef9b0bbb054b43351d15ea732f21022 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <pwizla+github@gmail.com>
Date: Fri, 21 Mar 2025 16:45:47 +0100
Subject: [PATCH 2/2] Remove French comment

---
 docusaurus/src/scss/images.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docusaurus/src/scss/images.scss b/docusaurus/src/scss/images.scss
index 0ab8d97503..d91840bb93 100644
--- a/docusaurus/src/scss/images.scss
+++ b/docusaurus/src/scss/images.scss
@@ -63,7 +63,7 @@ body:not(.medium-zoom--opened) .medium-zoom-image {
   
   &:hover {
     animation: zoomIn 0.3s ease forwards;
-    animation-delay: 500ms; // Délai avant le début de l'animation
+    animation-delay: 500ms;
     z-index: 100;
     
     &::after {