link icon tooltip as black tooltip

This commit is contained in:
Ezequiel Bergamaschi 2014-07-28 00:21:06 -03:00
parent 19e949010f
commit c8cbd42fe3
4 changed files with 14 additions and 4 deletions

View File

@ -35,7 +35,8 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
content: this._buildContent(),
html: true,
placement: 'bottom',
className: 'keyboardShortcutTip'
className: 'keyboardShortcutTip',
template: '<div class="popover popoverBlack" role="tooltip"><div class="arrow arrowBlack"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
});
tipDiv.on('click', function(e) {
@ -47,7 +48,8 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
var result = $('<div></div>');
result.css({
padding:'3px 0px',
width:'100%'
width:'100%',
color: "white"
});
var textContainer = $('<div></div>').text(this._text);

View File

@ -5340,7 +5340,7 @@ button.close {
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 4px 6px;
padding: 2px 8px;
}
.popover .arrow,
.popover .arrow:after {

File diff suppressed because one or more lines are too long

View File

@ -147,4 +147,12 @@ div.shareModalDialog {
background-color: #efefef;
}
.popoverBlack {
background: black;
}
.popoverBlack.bottom .arrow:after{
border-bottom-color: black;
}