[S] Add drop shadow to tooltip

This commit is contained in:
Hykilpikonna
2019-11-10 14:27:59 -05:00
parent f88ef7284f
commit a7d22e1620
5 changed files with 14 additions and 2 deletions
+8
View File
@@ -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);'}
}
}
@@ -62,6 +62,8 @@ export default class CourseScatter extends Vue
// Tooltip
tooltip:
{
...GraphUtils.tooltipCssShadow(),
trigger: 'axis',
axisPointer:
{
+1 -1
View File
@@ -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:
+1 -1
View File
@@ -66,7 +66,7 @@ export default class TypeRadar extends Vue
center: ['50%', '55%']
},
tooltip: {},
tooltip: GraphUtils.tooltipCssShadow(),
// Data
series:
@@ -44,6 +44,8 @@ export default class OverallLine extends Vue
// Tooltip
tooltip:
{
... GraphUtils.tooltipCssShadow(),
trigger: 'axis'
},