From c674a36080280e4de326cdc1ed548b83ce7434fa Mon Sep 17 00:00:00 2001
From: root <mr.truongld@gmail.com>
Date: Thu, 24 Nov 2016 14:18:18 +0000
Subject: [PATCH] fix delete effect

---
 app/index.html                          |  2 +-
 app/scripts/controllers/tshirtdesign.js | 10 ++++++----
 app/styles/main.css                     |  1 +
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/index.html b/app/index.html
index c08c398..1efd38e 100644
--- a/app/index.html
+++ b/app/index.html
@@ -47,7 +47,7 @@
     <script src="bower_components/json3/lib/json3.min.js"></script>
     <![endif]-->
     <script type="text/javascript">
-        var VERSION = '24-11_07';
+        var VERSION = '24-11_08';
         var require = {
           urlArgs: "ver="+VERSION,
         };
diff --git a/app/scripts/controllers/tshirtdesign.js b/app/scripts/controllers/tshirtdesign.js
index 2fca8ec..f901459 100644
--- a/app/scripts/controllers/tshirtdesign.js
+++ b/app/scripts/controllers/tshirtdesign.js
@@ -216,10 +216,12 @@ define(['app'], function (app) {
 			object.setCoords();
 			var Coords = object.oCoords;
 			var diffX = 55, diffY=50;
-			$('#object-border-left').css({'height':object.originalState.height*object.scaleY, top: Coords.tl.y+diffY, left: Coords.tl.x+diffX});
-			$('#object-border-right').css({'height':object.originalState.height*object.scaleY, top: Coords.tr.y+diffY, left: Coords.tr.x+diffX});
-			$('#object-border-top').css({'width':object.originalState.width*object.scaleX, top: Coords.tl.y+diffY, left: Coords.tl.x+diffX});
-			$('#object-border-bottom').css({'width':object.originalState.width*object.scaleX, top: Coords.bl.y+diffY, left: Coords.bl.x+diffX});
+			var xAngle = Math.cos(object.getAngle() * (Math.PI / 180))/2;
+			var yAngle = Math.sin(object.getAngle() * (Math.PI / 180))/2;
+			$('#object-border-left').css({'height':Math.ceil(object.originalState.height*object.scaleY), top: Coords.tl.y+diffY, left: Coords.tl.x+diffX});
+			$('#object-border-right').css({'height':Math.ceil(object.originalState.height*object.scaleY), top: Coords.tr.y+diffY, left: Coords.tr.x+diffX});
+			$('#object-border-top').css({'width':Math.ceil(object.originalState.width*object.scaleX), top: Coords.tl.y+diffY, left: Coords.tl.x+diffX});
+			$('#object-border-bottom').css({'width':Math.ceil(object.originalState.width*object.scaleX), top: Coords.bl.y+diffY, left: Coords.bl.x+diffX});
 			$('.object-border').css({
 				'-ms-transform': 'rotate('+object.getAngle()+'deg)', /* IE 9 */
     			'-webkit-transform': 'rotate('+object.getAngle()+'deg)', /* Safari */
diff --git a/app/styles/main.css b/app/styles/main.css
index eea486d..94fa35a 100644
--- a/app/styles/main.css
+++ b/app/styles/main.css
@@ -758,6 +758,7 @@ aside .step .finish-design button{
   background-color: rgb(0, 108, 255);
   border: 0;
   display:none;
+  transform-origin: 0% 0%;
 }
 #object-border-top, #object-border-bottom{
   height: 2px;
-- 
1.8.5.3