shaba/one
1
0
Fork 0
mirror of https://github.com/OpenNebula/one.git synced 2025-03-30 22:50:10 +03:00
Code Releases Wiki Activity

Feature #4363: Enable tooltips

Browse Source
This commit is contained in:
Daniel Molina 2016-04-14 12:27:51 +02:00
parent 25f9fe3e01
commit f717e9e5db
3 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/sunstone/public/app/tabs/templates-tab/form-panels/create.js
View File

@ -117,11 +117,12 @@ define(function(require) {
}
function _setup(context) {
Foundation.reflow(context, 'tabs');
$.each(this.wizardTabs, function(index, wizardTab) {
wizardTab.setup($('#' + wizardTab.wizardTabId, context));
});
Foundation.reflow(context, 'tabs');
Foundation.reflow(context, 'tooltip');
}
function _onShow(context) {

6
src/sunstone/public/app/utils/tips.js
View File

@ -35,13 +35,15 @@ define(function(require) {
}
//replace the text with an icon and spans
//obj.html('<span data-tooltip class="' + tip_classes.join(' ') + '" data-width="210" title="' + tip + '"><i class="fa fa-question-circle"></i></span>');
obj.html('<span title="' + $.trim(tip) + '"><i class="fa fa-question-circle"></i></span>');
obj.html('<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="' + $.trim(tip) + '"><i class="fa fa-question-circle"></i></span>');
});
Foundation.reflow(context, 'tooltip');
}
var _html = function(str) {
//return '<span data-tooltip class="" data-width="210" title="' + str + '"><i class="fa fa-question-circle"></i></span>'
return '<span title="' + $.trim(str) + '"><i class="fa fa-question-circle"></i></span>';
return '<span data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" title="' + $.trim(str) + '"><i class="fa fa-question-circle"></i></span>';
}
return {

8
src/sunstone/public/scss/_settings.scss
View File

@ -562,13 +562,13 @@ $titlebar-icon-spacing: 0.25rem;
// 35. Tooltip
// -----------
$has-tip-font-weight: $global-weight-bold;
$has-tip-font-weight: bold;
$has-tip-border-bottom: 0px;
$tooltip-background-color: $black;
$tooltip-background-color: $light-black;
$tooltip-color: $white;
$tooltip-padding: 0.75rem;
$tooltip-font-size: $small-font-size;
$tooltip-pip-width: 0.75rem;
$tooltip-font-size: 0.9rem;
$tooltip-pip-width: 1rem;
$tooltip-pip-height: $tooltip-pip-width * 0.866;
$tooltip-radius: $global-radius;