summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--src/libo.css2
-rw-r--r--src/lightbox.js2
-rw-r--r--src/shadow.js8
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');
}
};