use transform / will-change properties for waterfall

* prevents expensive layout events in the browser * allows the browser to optimize rendering
2021-02-27 17:06:53 +01:00
parent 54142f4f15
commit beb3d696c9
2 changed files with 7 additions and 3 deletions
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@ -302,6 +302,7 @@ input[type=range]:disabled {
 	image-rendering: -webkit-optimize-contrast;
    width: 100%;
    height: 200px;
+    will-change: transform;
 }

 #openwebrx-log-scroll
@ -772,6 +773,7 @@ img.openwebrx-mirror-img
    position: absolute;
    pointer-events: none;
    transition: width 500ms, left 500ms;
+    will-change: transform;
 }

 .openwebrx-panel select,