Merge pull request #616 from dfaker/patch-3

Block event propagation when lightbox is triggered

1 files changed, 26 insertions, 0 deletions

diff --git a/style.css b/style.css
index e5cc8ad4..26c759d7 100644
--- a/style.css
+++ b/style.css
@@ -248,3 +248,29 @@ input[type="range"]{
     width: auto;

 }

 

+.modalPrev,

+.modalNext {

+  cursor: pointer;

+  position: absolute;

+  top: 50%;

+  width: auto;

+  padding: 16px;

+  margin-top: -50px;

+  color: white;

+  font-weight: bold;

+  font-size: 20px;

+  transition: 0.6s ease;

+  border-radius: 0 3px 3px 0;

+  user-select: none;

+  -webkit-user-select: none;

+}

+

+.modalNext {

+  right: 0;

+  border-radius: 3px 0 0 3px;

+}

+

+.modalPrev:hover,

+.modalNext:hover {

+  background-color: rgba(0, 0, 0, 0.8);

+}