mirror of
https://github.com/DeviceFarmer/stf.git
synced 2026-04-18 06:53:20 +02:00
Revert "Revert "Fix canvas rotation being off on devices which are naturally landscape.""
Reverting the Revert because we found the reason for the blurry image. This reverts commit 7afd816cf918ed94b2ebf7671f804ae0f769fcb9.
This commit is contained in:
@@ -3,7 +3,6 @@
|
||||
-moz-transition: 1s linear opacity;
|
||||
-o-transition: 1s linear opacity;
|
||||
transition: 1s linear opacity;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@@ -11,14 +10,6 @@
|
||||
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;
|
||||
@@ -35,12 +26,14 @@ device-screen {
|
||||
|
||||
device-screen canvas {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
pointer-events: none; /* MUST HAVE */
|
||||
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);
|
||||
}
|
||||
|
||||
device-screen .finger {
|
||||
|
||||
Reference in New Issue
Block a user