scroll_with_middle_mouse and scroll_into_view

3 files changed, 2 insertions, 13 deletions

diff --git a/play.css b/play.css
index 4ac1ea1..8081f08 100644
--- a/play.css
+++ b/play.css
@@ -34,14 +34,7 @@ main {
 	background-color: dimgray;
 }
 
-#mapwrap {
-	margin: 0 auto;
-	width: 2550px;
-	height: 1940px;
-}
-
 #map {
-	position: absolute;
 	width: 2550px;
 	height: 1940px;
 }
@@ -82,7 +75,6 @@ main {
 #hexes, #pieces, #labels { position: absolute }
 
 .label {
-	user-select: none;
 	position: absolute;
 	text-align: center;
 	font-family: "Source Serif SmText";
diff --git a/play.html b/play.html
index 1a230c0..f4fb509 100644
--- a/play.html
+++ b/play.html
@@ -53,7 +53,6 @@
 
 <main data-max-zoom="2">
 
-<div id="mapwrap">
 <div id="map">
 <div id="board"></div>
 <div id="tracks"></div>
@@ -270,7 +269,6 @@
 
 </div>
 </div>
-</div>
 </main>
 
 <footer id="status"></footer>
diff --git a/play.js b/play.js
index a666257..b4ff74c 100644
--- a/play.js
+++ b/play.js
@@ -197,7 +197,6 @@ for (let p = 0; p < ui.pieces.length; ++p) {
 	ui.pieces[p].my_name = data.pieces[p].name
 }
 
-scroll_with_middle_mouse("main")
 
 /*
  * TOOLTIPS & ACTIONS
@@ -247,7 +246,7 @@ function on_blur_hex_tip(id) {
 }
 
 function on_click_hex_tip(id) {
-	ui.hexes[id].scrollIntoView({ block:"center", inline:"center", behavior:"smooth" })
+	scroll_into_view(ui.hexes[id])
 }
 
 function on_focus_piece_tip(id) {
@@ -259,7 +258,7 @@ function on_blur_piece_tip(id) {
 }
 
 function on_click_piece_tip(id) {
-	ui.pieces[id].scrollIntoView({ block:"center", inline:"center", behavior:"smooth" })
+	scroll_into_view(ui.pieces[id])
 }
 
 function on_blur() {