Added styling for mermaid tooltips

Adjustments of tooltip positioning for large documents

Documentation of tooltips
This commit is contained in:
knsv
2015-10-03 16:30:50 +02:00
parent b3fa6378bd
commit 8bc3bdd300
18 changed files with 258 additions and 98 deletions

8
dist/mermaidAPI.js vendored
View File

@@ -30345,7 +30345,9 @@ module.exports={
"mermaid": "./bin/mermaid.js"
},
"scripts": {
"test": "./node_modules/.bin/gulp dist && ./node_modules/.bin/gulp test"
"watch": "watchify src/mermaid.js -o dist/mermaid.js",
"doc" : "rm -r build;rm -r dist/www;gulp vartree;cp dist/www/all.html ../mermaid-pages/index.html;cp dist/mermaid.js ../mermaid-pages/javascripts/lib;cp dist/mermaid.forest.css ../mermaid-pages/stylesheets",
"test" : "./node_modules/.bin/gulp dist && ./node_modules/.bin/gulp test"
},
"repository": {
"type": "git",
@@ -32395,7 +32397,7 @@ var setupToolTips = function(element){
.style("opacity", .9);
tooltipElem.html(el.attr('title'))
.style("left", (rect.left+(rect.right-rect.left)/2) + "px")
.style("top", (rect.top-28) + "px");
.style("top", (rect.top-14+document.body.scrollTop) + "px");
var el = d3.select(this);
el.classed('hover',true);
@@ -37075,7 +37077,7 @@ exports.getNoteRect = function(){
* title: mermaidAPI
* order: 5
* ---
* #mermaidAPI
* # mermaidAPI
* This is the api to be used when handling the integration with the web page instead of using the default integration
* (mermaid.js).
*