Removed some GPU accelerated properties to minimize VRAM usage

xanderfrangos · Aug 25, 2019 · 467c94a · 467c94a
1 parent dc58f2a
commit 467c94a
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 5 deletions.
diff --git a/src/components/Slider.jsx b/src/components/Slider.jsx
@@ -49,7 +49,7 @@ export default class Slider extends Component {
         const min = (this.props.min || 0) * 1
         const max = (this.props.max || 100) * 1
         const level = this.cap((this.props.level || 0) * 1)
-        return { transform: "scaleX(" + (0 + (((level - min) * (100 / (max - min))) * 0.01)) + ")" }
+        return { width: (0 + (((level - min) * (100 / (max - min))))) + "%" }
     }
 
     constructor(props) {

diff --git a/src/css/panel.scss b/src/css/panel.scss
@@ -36,7 +36,6 @@ body {
         opacity: 0;
         transition: opacity 0.2s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
         transform: translateY(100%);
-        will-change: transform, opacity;
         pointer-events: none;
     }
 

diff --git a/src/css/slider.scss b/src/css/slider.scss
@@ -19,9 +19,6 @@
         top: 50%;
         left: 0px;
         margin-top: -1px;
-        will-change: transform;
-        transform: scaleX(0);
-        transform-origin: 0 50%;
         pointer-events: none;
     }