From f5ed2f4231025647c91dca3ac9c55a8a2f9cc468 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Grabowski?= <michal.grabowski@ibexa.co>
Date: Tue, 18 Oct 2022 12:24:50 +0200
Subject: [PATCH 1/2] IBX-4044: Option to use HTML in tooltips

---
 .../Resources/public/js/scripts/helpers/tooltips.helper.js  | 3 ++-
 .../themes/admin/content/edit/content_header.html.twig      | 6 +++++-
 .../Resources/views/themes/admin/ui/edit_header.html.twig   | 6 +++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js b/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js
index c8f4905c7f..10921a16d5 100644
--- a/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js
+++ b/src/bundle/Resources/public/js/scripts/helpers/tooltips.helper.js
@@ -112,6 +112,7 @@
                 const extraClass = tooltipNode.dataset.tooltipExtraClass ?? '';
                 const placement = tooltipNode.dataset.tooltipPlacement ?? 'bottom';
                 const trigger = tooltipNode.dataset.tooltipTrigger ?? 'hover focus';
+                const useHtml = tooltipNode.dataset.tooltipUseHtml !== undefined;
                 const container = tooltipNode.dataset.tooltipContainerSelector
                     ? tooltipNode.closest(tooltipNode.dataset.tooltipContainerSelector)
                     : 'body';
@@ -132,7 +133,7 @@
                     trigger,
                     container,
                     popperConfig: modifyPopperConfig.bind(null, iframe),
-                    html: true,
+                    html: useHtml,
                     template: `<div class="tooltip ibexa-tooltip ${extraClass}">
                                     <div class="tooltip-arrow ibexa-tooltip__arrow"></div>
                                     <div class="tooltip-inner ibexa-tooltip__inner"></div>
diff --git a/src/bundle/Resources/views/themes/admin/content/edit/content_header.html.twig b/src/bundle/Resources/views/themes/admin/content/edit/content_header.html.twig
index 2e1a18d07c..df66d3e9f1 100644
--- a/src/bundle/Resources/views/themes/admin/content/edit/content_header.html.twig
+++ b/src/bundle/Resources/views/themes/admin/content/edit/content_header.html.twig
@@ -10,7 +10,11 @@
 			<div class="col-6 offset-6 ibexa-content-edit-header__column ibexa-context-menu-wrapper">
 				<div class="ibexa-content-edit-header__context-actions">
 					{% if (description is defined and description|length) or content is defined %}
-						<div class="ibexa-content-edit-header__tooltip" title="{% include '@ibexadesign/content/edit/content_header_tooltip.html.twig' %}">
+						<div
+							class="ibexa-content-edit-header__tooltip"
+							title="{% include '@ibexadesign/content/edit/content_header_tooltip.html.twig' %}"
+							data-tooltip-use-html
+						>
 							<svg class="ibexa-icon ibexa-icon--small">
 								<use xlink:href="{{ ibexa_icon_path('about') }}"></use>
 							</svg>
diff --git a/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig b/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
index b9232c2279..21ea92cd89 100644
--- a/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
@@ -34,7 +34,11 @@
                 <h1 class="ibexa-edit-header__title">
                     {{ title }}
                     {% if (description is defined and description|length) or content is defined and content is not null %}
-                        <div class="ibexa-edit-header__tooltip" title="{% include '@ibexadesign/ui/edit_header_tooltip.html.twig' %}">
+                        <div
+                            class="ibexa-edit-header__tooltip"
+                            title="{% include '@ibexadesign/ui/edit_header_tooltip.html.twig' %}"
+							data-tooltip-use-html
+                        >
                             <svg class="ibexa-icon ibexa-icon--small">
                                 <use xlink:href="{{ ibexa_icon_path('about') }}"></use>
                             </svg>

From 81949dd6514311e7a7653456e0c12c32a25f4828 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C5=82=20Grabowski?= <michal.grabowski@ibexa.co>
Date: Thu, 20 Oct 2022 13:45:42 +0200
Subject: [PATCH 2/2] fix indents

---
 .../Resources/views/themes/admin/ui/edit_header.html.twig       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig b/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
index 21ea92cd89..ff6cb6e78b 100644
--- a/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
+++ b/src/bundle/Resources/views/themes/admin/ui/edit_header.html.twig
@@ -37,7 +37,7 @@
                         <div
                             class="ibexa-edit-header__tooltip"
                             title="{% include '@ibexadesign/ui/edit_header_tooltip.html.twig' %}"
-							data-tooltip-use-html
+                            data-tooltip-use-html
                         >
                             <svg class="ibexa-icon ibexa-icon--small">
                                 <use xlink:href="{{ ibexa_icon_path('about') }}"></use>