Code cleanup + unsued images removal

css/style.css

@@ -141,20 +141,20 @@ body {
  * User messages 
  */
 .user-message {
-    position: absolute;
+  position: absolute;
-    right: 0;
+  right: 0;
-    bottom: 0;
+  bottom: 0;
-    background-color: #F9EDBE;
+  background-color: #F9EDBE;
-    padding: 10px 47px;
+  padding: 10px 47px;
-    border-top-left-radius: 7px;
+  border-top-left-radius: 7px;
-    color: #222;
+  color: #222;
-    border: #F0C36D 1px solid;
+  border: #F0C36D 1px solid;
-    border-right: 0;
+  border-right: 0;
-    border-bottom: 0;
+  border-bottom: 0;
-    font-weight: bold;
+  font-weight: bold;
-    font-size: 13px; 
+  font-size: 13px; 
-    z-index: 10000;
+  z-index: 10000;
-    max-width: 300px;
+  max-width: 300px;
 }
 
 .user-message .close {

index.html

@@ -64,7 +64,6 @@
     </div>
 
     <div class='main-column'>
-
       <!-- Drawing area: -->
       <div id="drawing-canvas-container" class="drawing-canvas-container canvas-container">
         <div class="canvas-background"></div>
@@ -82,7 +81,6 @@
           <input id="preview-fps" class="range-fps" type="range" min="1" max="24" value="12"/>
         </div>   
       </div>
-
       <div class="application-actions">
         <div class="tool-icon save-icon" title="Save to gallery" onclick="piskel.storeSheet()" rel="tooltip" data-placement="bottom" ></div>
         <div class="tool-icon upload-cloud-icon" title="Upload as an animated GIF" onclick="piskel.uploadAsAnimatedGIF()" rel="tooltip" data-placement="bottom" >
@@ -101,7 +99,7 @@
   <script src="js/lib/pubsub.js"></script>
   <script src="js/lib/bootstrap/bootstrap.js"></script> 
 
-  <!-- GIF Encoding DEVICES ! OH YEAY! -->
+  <!-- GIF Encoding libraries -->
   <script src="js/lib/gif/GIFEncoder.js"></script>
   <script src="js/lib/gif/b64.js"></script>
   <script src="js/lib/gif/NeuQuant.js"></script>

js/controller/DrawingController.js

@@ -77,7 +77,9 @@
 
 
   ns.DrawingController.prototype.startDPIUpdateTimer_ = function () {
-      if (this.dpiUpdateTimer) window.clearInterval(this.dpiUpdateTimer);
+      if (this.dpiUpdateTimer) {
+        window.clearInterval(this.dpiUpdateTimer);
+      }
       this.dpiUpdateTimer = window.setTimeout($.proxy(this.updateDPI_, this), 200);
   },
 
@@ -258,25 +260,10 @@
         leftSectionWidth = $('.left-column').width(),
         rightSectionWidth = $('.right-column').width(),
         availableViewportWidth = $('body').width() - leftSectionWidth - rightSectionWidth,
-        //previewHeight = $(".preview-container").height(),
-        //previewWidth = $(".preview-container").width(),
         framePixelHeight = this.framesheet.getCurrentFrame().getHeight(),
         framePixelWidth = this.framesheet.getCurrentFrame().getWidth();
     var dpi = pskl.PixelUtils.calculateDPI(availableViewportHeight, availableViewportWidth, framePixelHeight, framePixelWidth);
-    /*
+
-    var drawingCanvasHeight = dpi * framePixelHeight;
-    var drawingCanvasWidth = dpi * framePixelWidth;
-    */
-    // Check if preview and drawing canvas overlap
-    /*
-    var heightGap =  drawingCanvasHeight + previewHeight - availableViewportHeight,
-        widthGap = drawingCanvasWidth + previewWidth - availableViewportWidth;
-    if (heightGap > 0 && widthGap > 0) {
-        // Calculate the DPI change needed to bridge height and width gap
-        var gapDPI = pskl.PixelUtils.calculateDPI(heightGap, widthGap, framePixelHeight, framePixelWidth);
-        // substract gap dpi to initial dpi
-        dpi -= (gapDPI + 1);
-    }*/
     return dpi;
   };