Corrections #2

mdbootstrap · Jul 25, 2023 · b1bceca · b1bceca
1 parent ef9904a
commit b1bceca
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 7 deletions.
diff --git a/demo/sites/components/lightbox.html b/demo/sites/components/lightbox.html
@@ -301,11 +301,6 @@ <h2 class="mb-6 text-2xl font-bold text-gray-900 dark:text-gray-200">
     <script type="module">
       import * as te from "../../../src/js/index.umd.js";
 
-      const myLightbox = document.getElementById("basic-lightbox");
-      myLightbox.addEventListener("opened.te.lightbox", (e) => {
-        console.log("Lightbox opened");
-      });
-
       const lightbox = document.getElementById("lightbox");
       const lightboxInstance = te.Lightbox.getInstance(lightbox);
       const lightboxToggler = document.getElementById("lightboxToggler");

diff --git a/site/content/docs/standard/components/lightbox/a.html b/site/content/docs/standard/components/lightbox/a.html
@@ -651,7 +651,7 @@ <h4 class="mb-5 text-lg font-bold">Via JavaScript</h4>
                     class="border-r px-6 py-4 dark:border-neutral-500 max-lg:whitespace-nowrap">
                     fixed left-0 top-0 z-[2] w-full h-full text-neutral-50
                     opacity-1 flex justify-center items-center
-                    pointer-events-none transition-opacity duration-100
+                    pointer-events-none transition-opacity duration-[1000ms]
                     motion-reduce:transition-none
                   </td>
                   <td class="px-6 py-4 max-lg:whitespace-nowrap">

diff --git a/src/js/components/lightbox.js b/src/js/components/lightbox.js
@@ -108,7 +108,7 @@ const DefaultClasses = {
     "absolute top-0 left-0 w-full h-full opacity-0 transform scale-[0.25] transition-all duration-[400ms] ease-out pointer-events-none motion-reduce:transition-none motion-reduce:transform-none",
   leftTools: "float-left h-full",
   loader:
-    "fixed left-0 top-0 z-[2] w-full h-full text-neutral-50 opacity-1 flex justify-center items-center pointer-events-none transition-opacity duration-100 motion-reduce:transition-none",
+    "fixed left-0 top-0 z-[2] w-full h-full text-neutral-50 opacity-1 flex justify-center items-center pointer-events-none transition-opacity duration-[1000ms] motion-reduce:transition-none",
   nextBtn:
     "border-none bg-transparent w-full h-[50px] flex justify-center items-center text-[#b3b3b3] transition-colors duration-200 ease-in-out hover:text-white focus:text-white motion-reduce:transition-none outline-none",
   nextBtnWrapper: