From bbbd3e95c5f9eb2cf736ff0db3af4766a0a57617 Mon Sep 17 00:00:00 2001
From: Damien Elmes <gpg@ankiweb.net>
Date: Sun, 27 Sep 2020 11:47:08 +1000
Subject: [PATCH] use separate opacity css for Qt 5.9/Chromium 56

Fixes black area on alternate Mac build:
https://forums.ankiweb.net/t/statistics-bug-line-graph-graphic/3745
---
 ts/src/stats/graphs.scss | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/ts/src/stats/graphs.scss b/ts/src/stats/graphs.scss
index 06631d3f7..85ea83f26 100644
--- a/ts/src/stats/graphs.scss
+++ b/ts/src/stats/graphs.scss
@@ -4,13 +4,17 @@
 @use '../scss/core';
 
 :root {
-    --area-fill: #00000008;
-    --area-stroke: #00000015;
+    --area-fill: #000000;
+    --area-fill-opacity: 0.03;
+    --area-stroke: #000000;
+    --area-stroke-opacity: 0.08;
 }
 
 :root[class*="night-mode"] {
-    --area-fill: #ffffff15;
-    --area-stroke: #00000030;
+    --area-fill: #ffffff;
+    --area-fill-opacity: 0.08;
+    --area-stroke: #000000;
+    --area-stroke-opacity: 0.18;
 }
 
 .graph-tooltip {
@@ -115,7 +119,9 @@
 .graph .area {
     pointer-events: none;
     fill: var(--area-fill);
+    fill-opacity: var(--area-fill-opacity);
     stroke: var(--area-stroke);
+    stroke-opacity: var(--area-stroke-opacity);
 }
 
 .hoverzone rect {