From 210635983e62e098626755c4edf2f985c3b05a6e Mon Sep 17 00:00:00 2001 From: Jordan Eldredge Date: Wed, 15 Nov 2017 21:08:26 -0800 Subject: [PATCH] Avoid Chrome rendering bug --- css/equalizer-window.css | 2 ++ css/main-window.css | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/css/equalizer-window.css b/css/equalizer-window.css index dce03db4..f8d151e8 100644 --- a/css/equalizer-window.css +++ b/css/equalizer-window.css @@ -2,6 +2,8 @@ #winamp2-js #equalizer-window { height: 116px; width: 275px; + /* Work around rendering bug with clip-path */ + -webkit-transform: translateZ(0); } #winamp2-js #equalizer-window.shade { diff --git a/css/main-window.css b/css/main-window.css index ea3c0a4f..9ee214b6 100755 --- a/css/main-window.css +++ b/css/main-window.css @@ -9,6 +9,10 @@ image-rendering: -webkit-optimize-contrast; /* Safari */ image-rendering: pixelated; /* Only in Chrome > 40 */ -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */ + /* Work around rendering bug with clip-path */ + -webkit-transform: translateZ( + 0 + ); } #winamp2-js #loading {