diff options
Diffstat (limited to 'ui/imports/ui/components/graph-tooltip-window')
3 files changed, 28 insertions, 6 deletions
diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html index 53537ca..4ce9787 100644 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html +++ b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.html @@ -9,8 +9,8 @@ ######################################################################################## --> <template name="GraphTooltipWindow"> - <div class="os-graph-tooltip-window {{#if show}}cl-visible{{/if}}" - style="top: {{ top }}px; left: {{ left }}px;"> +<div class="os-graph-tooltip-window {{#if show}}cl-visible{{/if}}" + style="top: {{ top }}px; left: {{ left }}px;"> <div class="sm-label"><u>{{ label }}</u></div> <div class="sm-title">{{{ title }}}</div> </div> diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js index 48b1903..dbeb55c 100644 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js +++ b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.js @@ -14,6 +14,8 @@ import { Template } from 'meteor/templating'; //import { ReactiveDict } from 'meteor/reactive-dict'; import { SimpleSchema } from 'meteor/aldeed:simple-schema'; +import { store } from '/imports/ui/store/store'; +import { closeGraphTooltipWindow } from '/imports/ui/actions/graph-tooltip-window.actions'; import './graph-tooltip-window.html'; @@ -45,6 +47,23 @@ Template.GraphTooltipWindow.rendered = function() { */ Template.GraphTooltipWindow.events({ + 'mouseout .os-graph-tooltip-window': function(_e, _instance) { + /* + if (!instance.data.show) { return; } + + e.preventDefault(); + e.stopPropagation(); + store.dispatch(closeGraphTooltipWindow()); + */ + }, + + 'click .os-graph-tooltip-window': function(e, instance) { + if (!instance.data.show) { return; } + + e.preventDefault(); + e.stopPropagation(); + store.dispatch(closeGraphTooltipWindow()); + }, }); /* diff --git a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl index ec94023..1bbb9d5 100644 --- a/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl +++ b/ui/imports/ui/components/graph-tooltip-window/graph-tooltip-window.styl @@ -3,23 +3,26 @@ .os-graph-tooltip-window visibility: hidden; + max-height: 300px; + overflow: auto; position: absolute; text-align: left; opacity: 0 - font: normal 18px sans-serif !important; + font: normal 16px sans-serif; /* width: 60px; */ /* height: 28px; */ padding: 20px; - font: 16px sans-serif; background: dk-gray1; color white border: 2px solid stark-blue - pointer-events: none; + // pointer-events: none; transition: visibility 0.5s, opacity 0.5s linear + .sm-label + font-weight: bold; + .os-graph-tooltip-window.cl-visible visibility: visible opacity: 0.9 transition: visibility 0.2s, opacity 0.2s linear - |