Commit d060555c authored by Sascha Herzinger's avatar Sascha Herzinger
Browse files

Some more namespace fixing

parent 88ab546f
.d3-tip .fjs-d3-tip
z-index: 9999 z-index: 9999
line-height: 1 line-height: 1
padding: 12px padding: 12px
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
font-family: Roboto, sans-serif font-family: Roboto, sans-serif
/* Creates a small triangle extender for the tooltip */ /* Creates a small triangle extender for the tooltip */
.d3-tip:after .fjs-d3-tip:after
box-sizing: border-box box-sizing: border-box
display: inline display: inline
font-size: 16px font-size: 16px
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
pointer-events: none pointer-events: none
/* Northward tooltips */ /* Northward tooltips */
.d3-tip.n:after .fjs-d3-tip.n:after
content: "\25BC" content: "\25BC"
margin: -1px 0 0 0 margin: -1px 0 0 0
top: 100% top: 100%
...@@ -29,14 +29,14 @@ ...@@ -29,14 +29,14 @@
text-align: center text-align: center
/* Eastward tooltips */ /* Eastward tooltips */
.d3-tip.e:after .fjs-d3-tip.e:after
content: "\25C0" content: "\25C0"
margin: -4px 0 0 0 margin: -4px 0 0 0
top: 50% top: 50%
left: -12px left: -12px
/* Southward tooltips */ /* Southward tooltips */
.d3-tip.s:after .fjs-d3-tip.s:after
content: "\25B2" content: "\25B2"
margin: 0 0 1px 0 margin: 0 0 1px 0
top: -8px top: -8px
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
text-align: center text-align: center
/* Westward tooltips */ /* Westward tooltips */
.d3-tip.w:after .fjs-d3-tip.w:after
content: "\25B6" content: "\25B6"
margin: -4px 0 0 -1px margin: -4px 0 0 -1px
top: 50% top: 50%
......
...@@ -2,7 +2,7 @@ import * as d3 from 'd3' ...@@ -2,7 +2,7 @@ import * as d3 from 'd3'
import d3Tip from 'd3-tip'; d3.tip = d3Tip import d3Tip from 'd3-tip'; d3.tip = d3Tip
const tip = d3.tip() const tip = d3.tip()
.attr('class', 'd3-tip') .attr('class', 'fjs-d3-tip')
.offset([-15, 0]) .offset([-15, 0])
.html(d => { .html(d => {
let html = '' let html = ''
...@@ -16,7 +16,7 @@ const tip = d3.tip() ...@@ -16,7 +16,7 @@ const tip = d3.tip()
export default { export default {
mounted () { mounted () {
d3.select('svg').call(tip) d3.select(this.$el.querySelector('svg')).call(tip)
}, },
directives: { directives: {
svgtooltip: { svgtooltip: {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment