[S] Add drop shadow to tooltip
This commit is contained in:
@@ -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:
|
||||
{
|
||||
|
||||
@@ -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:
|
||||
|
||||
@@ -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'
|
||||
},
|
||||
|
||||
|
||||
Reference in New Issue
Block a user