🐛 Fix minimap canvas scaling when device pixel ratio > 1

Fixes #192
atom-minimap · Jan 6, 2015 · 8c066ee · 8c066ee
1 parent 83830ca
commit 8c066ee
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/lib/minimap-element.coffee b/lib/minimap-element.coffee
@@ -262,8 +262,9 @@ class MinimapElement extends HTMLElement
 
     canvasTop = @minimap.getFirstVisibleScreenRow() * @minimap.getLineHeight() - @minimap.getMinimapScrollTop()
 
-    @applyStyles @canvas,
-      transform: @makeTranslate(0, canvasTop)
+    canvasTransform = @makeTranslate(0, canvasTop)
+    canvasTransform += " " + @makeScale(1/devicePixelRatio) if devicePixelRatio isnt 1
+    @applyStyles @canvas, transform: canvasTransform
 
     if @minimapScrollIndicator and @minimap.canScroll() and not @scrollIndicator
       @initializeScrollIndicator()
@@ -405,6 +406,12 @@ class MinimapElement extends HTMLElement
     else
       "translate(#{x}px, #{y}px)"
 
+  makeScale: (x=0,y=x) ->
+    if @useHardwareAcceleration
+      "scale3d(#{x}, #{y}, 1)"
+    else
+      "scale(#{x}, #{y})"
+
 #    ######## ##       ######## ##     ## ######## ##    ## ########
 #    ##       ##       ##       ###   ### ##       ###   ##    ##
 #    ##       ##       ##       #### #### ##       ####  ##    ##

diff --git a/stylesheets/minimap.less b/stylesheets/minimap.less
@@ -25,6 +25,7 @@ atom-text-editor::shadow, atom-text-editor {
         position: absolute;
         top: 0;
         left: 0;
+        transform-origin: 0 0;
       }
 
       .minimap-visible-area {