From 24a58ab2e6e375d5e3107d3ba5af68d651b28b66 Mon Sep 17 00:00:00 2001
From: rabuzarus <>
Date: Wed, 21 Dec 2016 16:12:13 +0100
Subject: [PATCH 1/2] frio: append bs tooltip to body element

---
 view/theme/frio/js/theme.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/view/theme/frio/js/theme.js b/view/theme/frio/js/theme.js
index 8fbee06e51..3f3128be40 100644
--- a/view/theme/frio/js/theme.js
+++ b/view/theme/frio/js/theme.js
@@ -100,6 +100,7 @@ $(document).ready(function(){
 	// initialize the bootstrap tooltips
 	$('body').tooltip({
 		selector: '[data-toggle="tooltip"]',
+		container: 'body',
 		animation: true,
 		html: true,
 		placement: 'auto',

From 8a9143023d91fd614f4ee51ea65d286191e89553 Mon Sep 17 00:00:00 2001
From: rabuzarus <>
Date: Wed, 21 Dec 2016 16:22:20 +0100
Subject: [PATCH 2/2] frio: append hovercard to body element

---
 view/theme/frio/js/hovercard.js   | 3 ++-
 view/theme/frio/templates/nav.tpl | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/view/theme/frio/js/hovercard.js b/view/theme/frio/js/hovercard.js
index 6e2a827cd6..d9f9429164 100644
--- a/view/theme/frio/js/hovercard.js
+++ b/view/theme/frio/js/hovercard.js
@@ -79,7 +79,8 @@ $(document).ready(function(){
 									},
 									trigger: hctrigger,
 									template: '<div class="popover hovercard" data-card-created="' + timeNow + '"><div class="arrow"></div><div class="popover-content hovercard-content"></div></div>',
-									content: data
+									content: data,
+									container: "body",
 								}).popover('show');
 							}
 						});
diff --git a/view/theme/frio/templates/nav.tpl b/view/theme/frio/templates/nav.tpl
index 5732e12113..390cf58dc4 100644
--- a/view/theme/frio/templates/nav.tpl
+++ b/view/theme/frio/templates/nav.tpl
@@ -278,7 +278,7 @@
 <ul id="nav-notifications-template" class="media-list" style="display:none;" rel="template">
 	<li class="{4} notif-entry">
 		<div class="notif-entry-wrapper media">
-			<div class="notif-photo-wrapper media-object pull-left"><a href="{6}"><img data-src="{1}"></a></div>
+			<div class="notif-photo-wrapper media-object pull-left"><a href="{6}" class="userinfo"><img data-src="{1}"></a></div>
 			<a href="{0}" class="notif-desc-wrapper media-body">
 				{2}
 				<div><time class="notif-when time" data-toggle="tooltip" title="{5}">{3}</time></div>