External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-12 07:04:45 -03:30
Code Issues Packages Projects Releases Wiki Activity

hacky tooltip style fixing for new nav

Browse Source
This commit is contained in:
John Mitchell
2015-11-05 19:24:18 -05:00
parent e5d9d9f9cb
commit cb9495c2e3
2 changed files with 25 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
awx/ui/client/legacy-styles/ansible-ui.less
View File

@@ -2013,3 +2013,20 @@ button.dropdown-toggle,
#login-modal-body { #login-modal-body {
padding-bottom: 5px; padding-bottom: 5px;
} }
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #848992;
}
.tooltip.Tooltip.fade.bottom.in {
opacity: 1;
padding-top: 4px;
}
.tooltip-inner {
background-color: #848992;
}
.tooltip-inner--logOut {
margin-left: -15px !important;
}

9
awx/ui/client/src/shared/directives.js
View File

@@ -494,6 +494,13 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'JobsHelper'])
placement = (attrs.placement !== undefined && attrs.placement !== null) ? attrs.placement : 'left'; placement = (attrs.placement !== undefined && attrs.placement !== null) ? attrs.placement : 'left';
} }
var template;
if (attrs.tooltipInnerClass) {
template = '<div class="tooltip Tooltip" role="tooltip"><div class="tooltip-arrow Tooltip-arrow"></div><div class="tooltip-inner Tooltip-inner ' + attrs.tooltipInnerClass + '"></div></div>';
} else {
template = '<div class="tooltip Tooltip" role="tooltip"><div class="tooltip-arrow Tooltip-arrow"></div><div class="tooltip-inner Tooltip-inner"></div></div>';
}
$(element).on('hidden.bs.tooltip', function( ) { $(element).on('hidden.bs.tooltip', function( ) {
// TB3RC1 is leaving behind tooltip <div> elements. This will remove them // TB3RC1 is leaving behind tooltip <div> elements. This will remove them
// after a tooltip fades away. If not, they lay overtop of other elements and // after a tooltip fades away. If not, they lay overtop of other elements and
@@ -510,7 +517,7 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'JobsHelper'])
title: attrs.awToolTip, title: attrs.awToolTip,
container: 'body', container: 'body',
trigger: 'hover focus', trigger: 'hover focus',
template: '<div class="tooltip Tooltip" role="tooltip"><div class="tooltip-arrow Tooltip-arrow"></div><div class="tooltip-inner Tooltip-inner"></div></div>' template: template
}); });
if (attrs.tipWatch) { if (attrs.tipWatch) {