starred/stf
1
0
Fork 0
mirror of https://github.com/DeviceFarmer/stf.git synced 2026-04-18 04:53:19 +02:00
Code Issues Packages Projects Releases Wiki Activity

Revert "Fix canvas rotation being off on devices which are naturally landscape."

Browse Source 
Regressions:
1) Flicker badly in Chrome
2) Image gets very blurry because the image is uploaded to the GPU and there are rounding errors
3) Resizing is not smooth again

This needs another way of fixing.

This reverts commit 9fc1a9c7939b9f464c87a2f99cb06000f5aedcbc.
This commit is contained in:
Gunther Brunner
2014-09-11 20:59:17 +09:00
parent a9213e0659
commit f73cac8b24
2 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
res/app/control-panes/device-control/device-control.css
View File

@@ -3,6 +3,7 @@
-moz-transition: 1s linear opacity;
-o-transition: 1s linear opacity;
transition: 1s linear opacity;
opacity: 0;
}
@@ -10,6 +11,14 @@
opacity: 1;
}
device-screen canvas {
transition: width 100ms linear, -webkit-transform 250ms ease-in-out;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: width, rotate(0deg);
transform: width, rotate(0deg);
}
device-screen {
position: relative;
display: block;
@@ -26,14 +35,12 @@ device-screen {
device-screen canvas {
position: absolute;
top: 50%;
left: 50%;
pointer-events: none; /* MUST HAVE or touch coordinates will be off */
transition: width 100ms linear, -webkit-transform 250ms ease-in-out;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: rotate(0deg);
transform: translate(-50%, -50%) rotate(0deg);
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
pointer-events: none; /* MUST HAVE */
}
device-screen .finger {