Add 'shift zoom' for blocks.

2 files changed, 7 insertions, 1 deletions

diff --git a/play.html b/play.html
index f439ef5..49e4389 100644
--- a/play.html
+++ b/play.html
@@ -137,6 +137,11 @@
 	display: none;
 }
 
+body.shift .block.known:hover {
+	transform: scale(2) !important;
+	transition: 100ms;
+}
+
 .map .block { position: absolute; z-index: 2; }
 .map .block.highlight { z-index: 3; }
 .map .block.selected { z-index: 4; }
diff --git a/ui.js b/ui.js
index 3bea29b..9970ea2 100644
--- a/ui.js
+++ b/ui.js
@@ -775,5 +775,6 @@ document.querySelector(".battle").classList.add(label_style+'-labels');
 
 drag_element_with_mouse(".battle", ".battle_header");
 scroll_with_middle_mouse(".grid_center");
-
+init_map_zoom();
+init_shift_zoom();
 init_client([ "Caesar", "Pompeius" ]);