From 72258029665409148dab429e5c5f7fabaf157036 Mon Sep 17 00:00:00 2001
From: Matthias Schiffer <mschiffer@universe-factory.net>
Date: Tue, 5 Jan 2016 18:24:27 +0100
Subject: Minor view fixes

---
 src/style.css           |  4 +---
 src/view/MapView.coffee | 15 ++++++++-------
 2 files changed, 9 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/style.css b/src/style.css
index a1d58ec..e27a003 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,10 +1,8 @@
 html, body {
   width:  100%;
   height: 100%;
-}
 
-canvas {
-  position: absolute;
+  background: black;
 }
 
 * {
diff --git a/src/view/MapView.coffee b/src/view/MapView.coffee
index 4cd05de..8cb7404 100644
--- a/src/view/MapView.coffee
+++ b/src/view/MapView.coffee
@@ -28,11 +28,12 @@ class MapView
                 @redrawPending = false
 
                 @canvas = document.createElement 'canvas'
-                @ctx = @canvas.getContext '2d'
+                @canvas.style.position = 'absolute'
                 body.appendChild @canvas
 
-                body.addEventListener 'resize', @setSize
+                @ctx = @canvas.getContext '2d'
 
+                window.addEventListener 'resize', @setSize
                 @setSize()
 
                 loadTiles(@map.tiles).then (tiles) =>
@@ -40,12 +41,12 @@ class MapView
                         @redraw()
                         ready()
 
-        drawTile: (x, y, tile) ->
+        drawTile: (x, y, tile) =>
                 return unless tile
 
                 @ctx.drawImage(tile, x, y)
 
-        draw: ->
+        draw: =>
                 @redrawPending = false
 
                 @ctx.clearRect 0, 0, @canvas.width, @canvas.height
@@ -64,12 +65,12 @@ class MapView
 
                                 y += tileSize
 
-        redraw: ->
+        redraw: =>
                 unless @redrawPending
                         @redrawPending = true
-                        window.requestAnimationFrame => @draw()
+                        window.requestAnimationFrame @draw
 
-        setSize: ->
+        setSize: =>
                 e = document.documentElement
                 @canvas.width = window.innerWidth || e.clientWidth || body.clientWidth
                 @canvas.height = window.innerHeight || e.clientHeight || body.clientHeight
-- 
cgit v1.2.3