refactor: rename 'zoom/zoomed' to 'open'

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');
       }
     };