Potential code that fixes #21

manifestinteractive · Apr 28, 2020 · b58219d · b58219d
1 parent c69f39f
commit b58219d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 22 deletions.
diff --git a/css/style.css b/css/style.css
@@ -91,11 +91,7 @@ article .teleprompter
 	line-height: 86px;
 	z-index: 1;
 	background-color: #141414;
-	-webkit-transform: translate3d(0,0,0);
-	-moz-transform: translate3d(0,0,0);
-	-ms-transform: translate3d(0,0,0);
-	-o-transform: translate3d(0,0,0);
-	transform: translate3d(0,0,0);
+	will-change: transform;
 }
 article .teleprompter p
 {
@@ -109,30 +105,21 @@ article .teleprompter p:last-child
 }
 article .teleprompter.flipx
 {
-	-webkit-transform: rotateY(180deg);
-	-moz-transform: rotateY(180deg);
-	-o-transform: rotateY(180deg);
-	-ms-transform: rotateY(180deg);
+	transform: rotateY(180deg);
 	z-index: 1;
 	pointer-events: none;
 	padding: 300px 50px 1000px 100px !important;
 }
 article .teleprompter.flipy
 {
-	-webkit-transform: rotateX(180deg);
-	-moz-transform: rotateX(180deg);
-	-o-transform: rotateX(180deg);
-	-ms-transform: rotateX(180deg);
+	transform: rotateX(180deg);
 	z-index: 1;
 	pointer-events: none;
 	padding: 1000px 50px 300px 100px !important;
 }
 article .teleprompter.flipxy
 {
-	-webkit-transform: rotateX(180deg) rotateY(180deg);
-	-moz-transform: rotateX(180deg) rotateY(180deg);
-	-o-transform: rotateX(180deg) rotateY(180deg);
-	-ms-transform: rotateX(180deg) rotateY(180deg);
+	transform: rotateX(180deg) rotateY(180deg);
 	z-index: 1;
 	pointer-events: none;
 	padding: 1000px 50px 300px 100px !important;

diff --git a/index.html b/index.html
@@ -17,7 +17,7 @@
 
 		<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel='stylesheet' type='text/css'>
 		<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/redmond/jquery-ui.css" />
-		<link rel="stylesheet" href="css/style.css?v=0.6.1">
+		<link rel="stylesheet" href="css/style.css?v=1.1.1">
 		<link rel="stylesheet" href="css/font-awesome.min.css">
 	</head>
 	<body id="gui">
@@ -94,7 +94,7 @@ <h1><i class="icon icon-bullhorn"></i> <span class="clock">00:00:00</span></h1>
 		</footer>
 
 		<script src="https://promptr.tv/remote/socket.io/socket.io.js"></script>
-		<script src="js/plugins.js?v=1.1.0"></script>
-		<script src="js/script.js?v=1.1.0"></script>
+		<script src="js/plugins.js?v=1.1.1"></script>
+		<script src="js/script.js?v=1.1.1"></script>
 	</body>
 </html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "teleprompter",
-    "version": "1.1.0",
+    "version": "1.1.1",
     "description": "Teleprompter https://promptr.tv",
     "homepage": "https://github.com/manifestinteractive/teleprompter",
     "license": "MIT",