From 5aeb745f381787758144d50667b0cf73d911a674 Mon Sep 17 00:00:00 2001 From: Eltrac Date: Mon, 15 Sep 2025 10:51:38 +0800 Subject: refactor: rename 'zoom/zoomed' to 'open' --- src/libo.css | 2 +- src/lightbox.js | 2 +- src/shadow.js | 8 ++++---- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/libo.css b/src/libo.css index f495ed1..5e0dece 100644 --- a/src/libo.css +++ b/src/libo.css @@ -19,7 +19,7 @@ display: block; } -.libo-shadow.zoomed { +.libo-shadow.open { position: static; margin: 0 auto; max-width: 100%; diff --git a/src/lightbox.js b/src/lightbox.js index 60e8518..d5db91d 100644 --- a/src/lightbox.js +++ b/src/lightbox.js @@ -46,6 +46,6 @@ export default class LightBox { const shadow = new Shadow(image); this.overlay.add(shadow); this.overlay.show(); - shadow.zoom(); + shadow.open(); } } diff --git a/src/shadow.js b/src/shadow.js index f4964ad..76de971 100644 --- a/src/shadow.js +++ b/src/shadow.js @@ -22,7 +22,7 @@ export default class Shadow { return this; } - zoom() { + open() { // get starting state const startingState = { top: this.element.offsetTop, @@ -33,7 +33,7 @@ export default class Shadow { // temporarily finalize element // and get final state - this.element.classList.add('zoomed'); + this.element.classList.add('open'); this.element.style.width = 'unset'; this.element.style.height = 'unset'; @@ -45,7 +45,7 @@ export default class Shadow { } // re-initialize element and play animation - this.element.classList.remove('zoomed'); + this.element.classList.remove('open'); this.animate(startingState, finalState) } @@ -81,7 +81,7 @@ export default class Shadow { if (step < steps) { requestAnimationFrame(frame); } else { - this.element.classList.add('zoomed'); + this.element.classList.toggle('open'); } }; -- cgit v1.2.3