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(), content: this._buildContent(),
html: true, html: true,
placement: 'bottom', 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) { tipDiv.on('click', function(e) {
@ -47,7 +48,8 @@ mindplot.widget.KeyboardShortcutTooltip = new Class({
var result = $('<div></div>'); var result = $('<div></div>');
result.css({ result.css({
padding:'3px 0px', padding:'3px 0px',
width:'100%' width:'100%',
color: "white"
}); });
var textContainer = $('<div></div>').text(this._text); var textContainer = $('<div></div>').text(this._text);

View File

@ -5340,7 +5340,7 @@ button.close {
border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
} }
.popover-content { .popover-content {
padding: 4px 6px; padding: 2px 8px;
} }
.popover .arrow, .popover .arrow,
.popover .arrow:after { .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; background-color: #efefef;
} }
.popoverBlack {
background: black;
}
.popoverBlack.bottom .arrow:after{
border-bottom-color: black;
}