Merge pull request #209 from mqg734/Dom-Architecture

Fixed 3d body styles bug.

3 files changed, 7 insertions, 5 deletions

diff --git a/js/controllers/elements/body-controller.js b/js/controllers/elements/body-controller.js
index 943594f2..5c23dcf7 100755
--- a/js/controllers/elements/body-controller.js
+++ b/js/controllers/elements/body-controller.js
@@ -13,7 +13,7 @@ exports.BodyController = Montage.create(ElementController, {
     set3DProperties: {
         value: function(el, props, update3DModel) {
             var dist = props["dist"], mat = props["mat"];
-            this.application.ninja.stylesController.setElementStyle(el, "-webkit-transform", "perspective(" + dist + ") " + "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")", true);
+            this.application.ninja.stylesController.setElementStyle(el, "-webkit-transform", "perspective(" + dist + ") " + "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")");
 
             el.elementModel.props3D.matrix3d = mat;
             el.elementModel.props3D.perspectiveDist = dist;
@@ -49,13 +49,13 @@ exports.BodyController = Montage.create(ElementController, {
             switch(p) {
                 case "body-background":
                 case "background":
-                    this.application.ninja.stylesController.setElementStyle(el, "background-color", value, true);
+                    this.application.ninja.stylesController.setElementStyle(el, "background-color", value);
                     break;
                 case "overflow":
                 case "width":
                 case "height":
                 case "-webkit-transform-style":
-                    this.application.ninja.stylesController.setElementStyle(el, p, value, true);
+                    this.application.ninja.stylesController.setElementStyle(el, p, value);
                     this.application.ninja.stage.updatedStage = true;
                     break;
                 default:
diff --git a/js/controllers/styles-controller.js b/js/controllers/styles-controller.js
index 647c0870..7707a826 100755
--- a/js/controllers/styles-controller.js
+++ b/js/controllers/styles-controller.js
@@ -1130,6 +1130,7 @@ var stylesController = exports.StylesController = Montage.create(Component, {
 
     getMatrixFromElement : {
         value: function(element, isStage) {
+            isStage = false;
             var xformStr = this.getElementStyle(element, "-webkit-transform", true, isStage),
                 mat;
 
@@ -1163,6 +1164,7 @@ var stylesController = exports.StylesController = Montage.create(Component, {
 
     getPerspectiveDistFromElement : {
         value: function(element, isStage) {
+            isStage = false;
             var xformStr = this.getElementStyle(element, "-webkit-perspective", false, isStage),
                 dist;
 
diff --git a/js/helper-classes/3D/draw-utils.js b/js/helper-classes/3D/draw-utils.js
index f869f65e..f639521c 100755
--- a/js/helper-classes/3D/draw-utils.js
+++ b/js/helper-classes/3D/draw-utils.js
@@ -1171,7 +1171,7 @@ var DrawUtils = exports.DrawUtils = Montage.create(Component, {
                         var saveLineWidth = this._lineWidth;
 
                         var origLeft = 50;
-                        var origTop = 50;
+                        var origTop = this.snapManager.getStageHeight() - 50;
 
                         var mat = this.viewUtils.getMatrixFromElement( this._sourceSpaceElt );
                         var tMat = Matrix.Translation([origLeft,origTop,0]);
@@ -1203,7 +1203,7 @@ var DrawUtils = exports.DrawUtils = Montage.create(Component, {
                         this.setDrawingSurfaceElement(this.application.ninja.stage.layoutCanvas);
                         // clear just the 3d compass area
                         this._drawingContext.save();
-                        this._drawingContext.rect(0, 0, 100, 100);
+                        this._drawingContext.rect(0, origTop-50, 100, 100);
                         this._drawingContext.clip();
 
                         this._drawingContext.lineWidth = 2.0;