#15: Click selection of slides from menu

extensions/menu/deck.menu.css

@@ -14,10 +14,11 @@
   left: 0;
   top: 0;
   visibility: visible;
+  cursor: pointer;
 }
 .deck-menu iframe, .deck-menu img, .deck-menu video {
   max-width: 100%;
 }
-.deck-menu .deck-current {
+.deck-menu .deck-current, .no-touch .deck-menu .slide:hover {
   background: #ddf;
 }

extensions/menu/deck.menu.js

@@ -102,9 +102,22 @@ on the deck container.
 			}
 			touchEndTime = now;
 		});
+		
+		// Selecting slides from the menu
+		$.each($[deck]('getSlides'), function(i, $s) {
+			$s.unbind('click.deckmenu').bind('click.deckmenu', function(e) {
+				if (!$[deck]('getContainer').hasClass(opts.classes.menu)) return;
+
+				$[deck]('go', i);
+				$[deck]('hideMenu');
+				e.stopPropagation();
+				e.preventDefault();
+			});
+		});
 	})
 	.bind('deck.change', function(e, from, to) {
 		var container = $[deck]('getContainer');
+		
 		if (container.hasClass($[deck]('getOptions').classes.menu)) {
 			container.scrollTop($[deck]('getSlide', to).offset().top);
 		}

extensions/menu/deck.menu.scss

@@ -16,13 +16,14 @@
 		left:0;
 		top:0;
 		visibility:visible;
+		cursor:pointer;
 	}
 	
 	iframe, img, video {
 		max-width:100%;
 	}
 	
-	.deck-current {
+	.deck-current, .no-touch & .slide:hover {
 		background:#ddf;
 	}
 }

themes/style/neon.css

@@ -103,3 +103,12 @@
   -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
   box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
 }
+.no-touch .deck-container.deck-menu .slide:hover {
+  background: #444;
+}
+.no-touch.boxshadow .deck-container.deck-menu .slide:hover {
+  background: #000;
+  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
+}

themes/style/neon.scss

@@ -124,5 +124,16 @@
 				box-shadow:0 0 20px #f0a, 0 0 5px #fff;
 			}
 		}
+		
+		.no-touch & .slide:hover {
+			background:#444;
+		}
+		
+		.no-touch.boxshadow & .slide:hover {
+			background:#000;
+			-webkit-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			-moz-box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+			box-shadow:0 0 20px #f0a, 0 0 5px #fff;
+		}
 	}
 }

themes/style/swiss.css

@@ -70,6 +70,6 @@
 .deck-container.deck-menu .slide {
   background: #eee;
 }
-.deck-container.deck-menu .deck-current {
+.deck-container.deck-menu .deck-current, .no-touch .deck-container.deck-menu .slide:hover {
   background: #ddf;
 }

themes/style/swiss.scss

@@ -84,7 +84,7 @@
 			background:#eee;
 		}
 		
-		.deck-current {
+		.deck-current, .no-touch & .slide:hover {
 			background:#ddf;
 		}
 	}

themes/style/web-2.0.css

@@ -170,7 +170,7 @@
 .rgba .deck-container.deck-menu .slide {
   background: rgba(0, 0, 0, 0.1);
 }
-.deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current {
+.deck-container.deck-menu .slide.deck-current, .rgba .deck-container.deck-menu .slide.deck-current, .no-touch .deck-container.deck-menu .slide:hover {
   background: #fff;
 }
 .deck-container .goto-form {

themes/style/web-2.0.scss

@@ -192,7 +192,7 @@
 				background:rgba(0,0,0,.1);
 			}
 			
-			&.deck-current, .rgba &.deck-current {
+			&.deck-current, .rgba &.deck-current, .no-touch &:hover {
 				background:#fff;
 			}
 		}