From 083043eabae516edf768c55e235cf29afb77dfc2 Mon Sep 17 00:00:00 2001
From: miguel angel rasteu <miguelangel.rasteu@pandorafms.com>
Date: Fri, 1 Sep 2023 14:06:48 +0200
Subject: [PATCH] #11650 Change style for tooltip

---
 pandora_console/godmode/alerts/alert_templates.php | 9 +++++----
 pandora_console/include/functions_ui.php           | 7 +++++--
 pandora_console/include/styles/pandora.css         | 5 +++++
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/pandora_console/godmode/alerts/alert_templates.php b/pandora_console/godmode/alerts/alert_templates.php
index 003ec45d03..8236d1e69c 100644
--- a/pandora_console/godmode/alerts/alert_templates.php
+++ b/pandora_console/godmode/alerts/alert_templates.php
@@ -31,13 +31,14 @@ if (is_ajax()) {
             return;
         }
 
-        echo '<h3>'.$template['name'].'</h3>';
+        echo '<h3 style="background-color: #14524f">'.$template['name'].'</h3>';
+        echo html_print_image('images/info.svg', true, ['class' => 'invert_filter']);
+        echo ui_print_alert_template_example($template['id'], true, true, false);
+        echo '<br />';
+        echo '<br />';
         echo '<strong>'.__('Type').': </strong>';
         echo alerts_get_alert_templates_type_name($template['type']);
 
-        echo '<br />';
-        echo ui_print_alert_template_example($template['id'], true);
-
         echo '<br />';
 
         if ($template['description'] != '') {
diff --git a/pandora_console/include/functions_ui.php b/pandora_console/include/functions_ui.php
index 4bacf6c920..b843b5ff3e 100755
--- a/pandora_console/include/functions_ui.php
+++ b/pandora_console/include/functions_ui.php
@@ -1780,11 +1780,14 @@ function ui_print_string_substr($string, $cutoff=16, $return=false, $fontsize=0)
  *
  * @return An HTML string if return was true.
  */
-function ui_print_alert_template_example($id_alert_template, $return=false, $print_values=true)
+function ui_print_alert_template_example($id_alert_template, $return=false, $print_values=true, $print_icon=true)
 {
     $output = '';
 
-    $output .= html_print_image('images/information.png', true, ['class' => 'invert_filter']);
+    if ($print_icon === true) {
+        $output .= html_print_image('images/information.png', true, ['class' => 'invert_filter']);
+    }
+
     $output .= '<span id="example">';
     $template = alerts_get_alert_template($id_alert_template);
 
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index abbb50c927..eeab657bce 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -12562,3 +12562,8 @@ tr[id^="network_component-plugin-snmp-fields-dynamicMacroRow-"] input {
   flex-wrap: nowrap;
   justify-content: flex-start !important;
 }
+
+#cluetip-inner > #example {
+  position: absolute;
+  margin-left: 5px;
+}