diff --git a/kahuna/public/js/components/gr-image-usage/gr-image-usage-list.html b/kahuna/public/js/components/gr-image-usage/gr-image-usage-list.html
index 24bbf6620b..a1d517b5b1 100644
--- a/kahuna/public/js/components/gr-image-usage/gr-image-usage-list.html
+++ b/kahuna/public/js/components/gr-image-usage/gr-image-usage-list.html
@@ -11,7 +11,8 @@
{{usage.title}}
-
{{::ctrl.formatTimestamp(usage.dateAdded)}}
+
{{::ctrl.formatTimestamp(usage.dateAdded)}}
+
-
diff --git a/kahuna/public/js/components/gr-tooltip/gr-tooltip.js b/kahuna/public/js/components/gr-tooltip/gr-tooltip.js
index 92f3b92048..08635a67b5 100644
--- a/kahuna/public/js/components/gr-tooltip/gr-tooltip.js
+++ b/kahuna/public/js/components/gr-tooltip/gr-tooltip.js
@@ -14,17 +14,33 @@ tooltip.directive('grTooltip', [
}
const position = attrs.grTooltipPosition || 'bottom';
- element.attr('data-title', attrs.grTooltip)
- .addClass(`titip-default`)
- .addClass(`titip-${position}`);
+ element.addClass('titip-default').addClass(`titip-${position}`);
- const autoUpdates = angular.isDefined(attrs.grTooltipUpdates);
+ // Remove any previous .titip-content
+ element.find('.titip-content').remove();
+
+ if (attrs.grTooltipHtml !== undefined) {
+ // Use .titip-content for HTML tooltips
+ const content = attrs.grTooltip || '';
+ const contentSpan = angular.element('');
+ contentSpan.text(content);
+ element.append(contentSpan);
+ } else {
+ // Use data-title for plain text tooltips
+ element.attr('data-title', attrs.grTooltip);
+ }
+
+ const autoUpdates = angular.isDefined(attrs.grTooltipUpdates);
if (autoUpdates) {
- $scope.$watch(() => attrs.grTooltip, onValChange(newTooltip => {
- element.attr('data-title', newTooltip);
- }));
+ $scope.$watch(() => attrs.grTooltip, onValChange(newTooltip => {
+ if (attrs.grTooltipHtml !== undefined) {
+ element.find('.titip-content').text(newTooltip);
+ } else {
+ element.attr('data-title', newTooltip);
+ }
+ }));
}
- }
+ }
};
}]);
diff --git a/kahuna/public/js/leases/leases.html b/kahuna/public/js/leases/leases.html
index 41b2335786..e6ab6c15ab 100644
--- a/kahuna/public/js/leases/leases.html
+++ b/kahuna/public/js/leases/leases.html
@@ -142,6 +142,7 @@
-
diff --git a/kahuna/public/js/leases/leases.js b/kahuna/public/js/leases/leases.js
index 67b06ce13b..654da71014 100644
--- a/kahuna/public/js/leases/leases.js
+++ b/kahuna/public/js/leases/leases.js
@@ -209,7 +209,7 @@ leases.controller('LeasesCtrl', [
};
ctrl.toolTip = (lease) => {
- return Boolean(lease.leasedBy) ? `leased by: ${lease.leasedBy}` : ``;
+ return Boolean(lease.leasedBy) ? `leased by: ${lease.leasedBy}\nleased at: ${moment(lease.createdAt).format('D MMM YYYY, HH:mm')}` : ``;
};
ctrl.inactiveLeases = (leases) => {
diff --git a/kahuna/public/stylesheets/main.css b/kahuna/public/stylesheets/main.css
index f798ad441d..021975c945 100644
--- a/kahuna/public/stylesheets/main.css
+++ b/kahuna/public/stylesheets/main.css
@@ -3085,3 +3085,8 @@ FIXME: what to do with touch devices
background-color: teal;
color: white;
}
+
+.titip-default .titip-content {
+ line-height: 1.4;
+ white-space: preserve nowrap;
+}