From b58219d45fefc62297753e8e2e7b28bada25bb87 Mon Sep 17 00:00:00 2001 From: Peter Schmalfeldt Date: Tue, 28 Apr 2020 16:21:54 -0400 Subject: [PATCH] Potential code that fixes #21 --- css/style.css | 21 ++++----------------- index.html | 6 +++--- package-lock.json | 2 +- package.json | 2 +- 4 files changed, 9 insertions(+), 22 deletions(-) diff --git a/css/style.css b/css/style.css index 9a08159..5f8d24c 100644 --- 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 index 72c94ad..d9d1e3f 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ - + @@ -94,7 +94,7 @@

00:00:00

- - + + diff --git a/package-lock.json b/package-lock.json index 6a6584a..3382c88 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "teleprompter", - "version": "1.1.0", + "version": "1.1.1", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 42c4278..44af423 100644 --- 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",