FIX: AJAX styling

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@a2nt/meta-lightbox",
-	"version": "2.2.4",
+	"version": "2.2.5",
 	"description": "Universal Lightbox window",
 	"main": "meta-lightbox.js",
 	"author": "Tony Air <tony@twma.pro>",

src/js/meta-lightbox.js

@@ -474,7 +474,7 @@ const MetaLightboxUI = (($) => {
             }
 
             // Vertically center html
-            if (wrap.outerHeight() < ui.$content.height()) {
+            /*if (wrap.outerHeight() < ui.$content.height()) {
               wrap.css({
                 position: 'relative',
                 top: '50%',
@@ -489,9 +489,9 @@ const MetaLightboxUI = (($) => {
                   'margin-top': `${-(wrap.outerHeight() / 2)}px`,
                 });
               }
-            });
+            });*/
 
-            setTimeout(() => {
+            /*setTimeout(() => {
               $(window).resize();
 
               if (typeof window.imagesLoaded === 'function') {
@@ -499,7 +499,7 @@ const MetaLightboxUI = (($) => {
                   $(window).resize();
                 });
               }
-            }, 500);
+            }, 500);*/
 
             ui.contentLoaded();
           },

src/scss/_variables.scss

@@ -2,6 +2,7 @@ $white: #fff !default;
 $black: #000 !default;
 $lightbox-link-hover-color: #007bff !default;
 $lightbox-breakpoint: 576px !default;
+$body-color: #212529 !default;
 
 $grid-breakpoints: (
     xs: 0,

src/scss/meta-lightbox.scss

@@ -36,6 +36,10 @@
     width: 100%;
     height: 100%;
 
+    .meta-lightbox-ajax {
+        color: $body-color;
+    }
+
     .meta-lightbox-zoom-wrapper {
         display: block;
         height: 100%;