CalvinBackup/iD
1
0
Fork 0
mirror of https://github.com/FoggedLens/iD.git synced 2026-02-26 15:33:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

better intro tooltip positioning

Browse Source
This commit is contained in:
Ansis Brammanis
2013-03-25 17:29:36 -04:00
parent 81a39d90d2
commit 258adb6967
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
css/intro.css
View File

@@ -19,12 +19,26 @@
}
.intro-nav-wrap button.step.finished {
background: #74C574;
background: #76FF70;
}
.intro-nav-wrap button.step.finished h3 {
color: #269C21;
}
.intro-nav-wrap button.step h3 {
font-weight: normal;
}
.curtain-tooltip.left .tooltip-arrow,
.curtain-tooltip.right .tooltip-arrow {
top: 0;
}
.curtain-tooltip.right .tooltip-inner,
.curtain-tooltip.left .tooltip-inner {
margin-top: -50%;
}
.curtain-tooltip .tooltip-inner {
font-size: 14px;
font-weight: normal;

9
js/lib/d3.curtain.js
View File

@@ -82,10 +82,10 @@ d3.curtain = function() {
pos = [box.left + box.width / 2 - twidth / 2, box.top + box.height];
} else if (box.left + box.width + 300 < window.innerWidth) {
side = 'right';
pos = [box.left + box.width, box.top, 10];
pos = [box.left + box.width, box.top + box.height / 2];
} else if (box.left > 300) {
side = 'left';
pos = [box.left - 200, Math.max(box.top, 10)];
pos = [box.left - 200, box.top + box.height / 2];
} else {
side = 'bottom';
pos = [box.left, box.top + box.height];
@@ -102,11 +102,14 @@ d3.curtain = function() {
if (parts[1]) html += '<span class="bold">' + parts[1] + '</span>';
tooltip.attr('class', 'curtain-tooltip tooltip in ' + side)
tooltip
.style('top', pos[1] + 'px')
.style('left', pos[0] + 'px')
.attr('class', 'curtain-tooltip tooltip in ' + side)
.select('.tooltip-inner')
.html(html);
if (duration !== 0) tooltip.call(iD.ui.Toggle(true));
};
curtain.cut = function(data, duration) {