Merge pull request #14 from JoePerkins/master

Disable pointer events on gallery items, enable on the first-of-type as inititalizer
benschwarz · May 5, 2014 · fa316f9 · fa316f9
2 parents ee205d5 + c2c938a
commit fa316f9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/dist/gallery.css b/dist/gallery.css
@@ -9,10 +9,12 @@
 }
 
 .gallery .item:first-of-type {
+  pointer-events: auto;
   position: static;
   opacity: 1;
 }
 .gallery .item {
+  pointer-events: none;
   position: absolute;
   top: 0;
   left: 0;

diff --git a/sass/_gallery.scss b/sass/_gallery.scss
@@ -38,13 +38,13 @@
 }
 
 .gallery {
-	.item:first-of-type { position: static; opacity: 1; } // Set the first item to be visible
-	.item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; }
+	.item:first-of-type { pointer-events: auto; position: static; opacity: 1; } // Set the first item to be visible
+	.item { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity .5s; }
 
 	.control-operator { display: none; } // Stop hash links from scrolling up and down
 
 	.control-operator:target ~ .item { pointer-events: none; opacity: 0; animation: none; } // Unselected image
 
 	.control-button:first-of-type { @extend %active-button; }
 	.control-operator:target ~ .controls .control-button { @extend %inactive-button; animation: none; } // Kill button animation when there is a selected image
-}
+}