zoomora 1.3.0 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "zoomora",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features",
5
5
  "type": "module",
6
6
  "main": "dist/zoomora.umd.js",
@@ -34,6 +34,7 @@
34
34
  "license": "MIT",
35
35
  "scripts": {
36
36
  "dev": "vite",
37
+ "watch": "vite build --watch",
37
38
  "build": "vite build",
38
39
  "preview": "vite preview",
39
40
  "clean": "rm -rf dist"
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Zoomora Lightbox Plugin v1.3.0
2
+ * Zoomora Lightbox Plugin v1.4.0
3
3
  * A modern, responsive lightbox plugin with zoom, fullscreen, and gallery features
4
4
  *
5
5
  * Copyright (c) 2026 Faruk Ahmed (FrontTheme)
@@ -82,10 +82,10 @@
82
82
  // }
83
83
  // ─────────────────────────────────────────────────────────────────────────────
84
84
  :root {
85
- --zoomora-overlay-bg: #{rgba($dark-color, 0.95)};
86
- --zoomora-control-bg: rgba(255, 255, 255, 0.2);
85
+ --zoomora-overlay-bg: #{rgba($dark-color, 0.95)};
86
+ --zoomora-control-bg: rgba(255, 255, 255, 0.2);
87
87
  --zoomora-control-hover: rgba(255, 255, 255, 0.3);
88
- --zoomora-primary: #{$primary-color};
88
+ --zoomora-primary: #{$primary-color};
89
89
  }
90
90
 
91
91
  //Zoomora Lightbox Styles
@@ -247,6 +247,18 @@ iframe.zoomora-video {
247
247
  overflow: hidden;
248
248
  }
249
249
 
250
+ @media (max-width: 767px) {
251
+ iframe.zoomora-video {
252
+ width: calc(100% - 100px);
253
+ }
254
+ }
255
+
256
+ @media (max-width: 575px) {
257
+ iframe.zoomora-video {
258
+ width: calc(100% - 40px);
259
+ }
260
+ }
261
+
250
262
  .zoomora-slide.slide-effect {
251
263
  transform: translateX(100%);
252
264
  }
@@ -303,6 +315,11 @@ iframe.zoomora-video {
303
315
  bottom: 20px !important;
304
316
  }
305
317
 
318
+ .zoomora-caption:empty {
319
+ visibility: hidden;
320
+ pointer-events: none;
321
+ }
322
+
306
323
  .zoomora-thumbnails {
307
324
  position: absolute;
308
325
  bottom: 20px;
@@ -425,8 +442,10 @@ iframe.zoomora-video {
425
442
  }
426
443
 
427
444
  .zoomora-video-container video {
445
+ display: block;
428
446
  width: 100%;
429
447
  height: 100%;
448
+ margin: 0 auto;
430
449
  object-fit: contain;
431
450
  max-width: max-content;
432
451
  }