[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] 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
tooltip: tooltip:
{ {
...GraphUtils.tooltipCssShadow(),
trigger: 'axis', trigger: 'axis',
axisPointer: axisPointer:
{ {
+1 -1
View File
@@ -31,7 +31,7 @@ export default class TypePie extends Vue
...GraphUtils.getBaseSettings('Assignment Type Weight', ...GraphUtils.getBaseSettings('Assignment Type Weight',
'How much each type of assignment affect your average'), 'How much each type of assignment affect your average'),
tooltip: {}, tooltip: GraphUtils.tooltipCssShadow(),
// Data // Data
series: series:
+1 -1
View File
@@ -66,7 +66,7 @@ export default class TypeRadar extends Vue
center: ['50%', '55%'] center: ['50%', '55%']
}, },
tooltip: {}, tooltip: GraphUtils.tooltipCssShadow(),
// Data // Data
series: series:
@@ -44,6 +44,8 @@ export default class OverallLine extends Vue
// Tooltip // Tooltip
tooltip: tooltip:
{ {
... GraphUtils.tooltipCssShadow(),
trigger: 'axis' trigger: 'axis'
}, },