From a7d22e1620e6e88d080d29cc1b9b6601b3e16dad Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 10 Nov 2019 14:27:59 -0500
Subject: [PATCH] [S] Add drop shadow to tooltip

---
 src/logic/utils/graph-utils.ts                    | 8 ++++++++
 src/pages/course/course-scatter/course-scatter.ts | 2 ++
 src/pages/course/type-pie/type-pie.ts             | 2 +-
 src/pages/course/type-radar/type-radar.ts         | 2 +-
 src/pages/overall/overall-line/overall-line.ts    | 2 ++
 5 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/logic/utils/graph-utils.ts b/src/logic/utils/graph-utils.ts
index 99bc6fb..6b0b1b3 100644
--- a/src/logic/utils/graph-utils.ts
+++ b/src/logic/utils/graph-utils.ts
@@ -87,4 +87,12 @@ export default class GraphUtils
             padding: [3, 5]
         }
     }
+
+    /**
+     * CSS shadow string (extraCssText) for tooltip
+     */
+    static tooltipCssShadow()
+    {
+        return {extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);'}
+    }
 }
diff --git a/src/pages/course/course-scatter/course-scatter.ts b/src/pages/course/course-scatter/course-scatter.ts
index e4e2fd4..34e5df6 100644
--- a/src/pages/course/course-scatter/course-scatter.ts
+++ b/src/pages/course/course-scatter/course-scatter.ts
@@ -62,6 +62,8 @@ export default class CourseScatter extends Vue
             // Tooltip
             tooltip:
             {
+                ...GraphUtils.tooltipCssShadow(),
+
                 trigger: 'axis',
                 axisPointer:
                 {
diff --git a/src/pages/course/type-pie/type-pie.ts b/src/pages/course/type-pie/type-pie.ts
index 5a0a928..7d08664 100644
--- a/src/pages/course/type-pie/type-pie.ts
+++ b/src/pages/course/type-pie/type-pie.ts
@@ -31,7 +31,7 @@ export default class TypePie extends Vue
             ...GraphUtils.getBaseSettings('Assignment Type Weight',
                 'How much each type of assignment affect your average'),
 
-            tooltip: {},
+            tooltip: GraphUtils.tooltipCssShadow(),
 
             // Data
             series:
diff --git a/src/pages/course/type-radar/type-radar.ts b/src/pages/course/type-radar/type-radar.ts
index 48a590b..76ba7e2 100644
--- a/src/pages/course/type-radar/type-radar.ts
+++ b/src/pages/course/type-radar/type-radar.ts
@@ -66,7 +66,7 @@ export default class TypeRadar extends Vue
                 center: ['50%', '55%']
             },
 
-            tooltip: {},
+            tooltip: GraphUtils.tooltipCssShadow(),
 
             // Data
             series:
diff --git a/src/pages/overall/overall-line/overall-line.ts b/src/pages/overall/overall-line/overall-line.ts
index 66f81b1..6d329b9 100644
--- a/src/pages/overall/overall-line/overall-line.ts
+++ b/src/pages/overall/overall-line/overall-line.ts
@@ -44,6 +44,8 @@ export default class OverallLine extends Vue
             // Tooltip
             tooltip:
             {
+                ... GraphUtils.tooltipCssShadow(),
+
                 trigger: 'axis'
             },