From 33e3643aedfd4a7d58ac7275a98d84015e7cf0a4 Mon Sep 17 00:00:00 2001
From: tomasz1986 <twilczynski@naver.com>
Date: Sun, 11 Sep 2022 22:13:04 +0200
Subject: [PATCH] gui: Add tooltip to folder error message (fixes #7603)
 (#8531)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Currently, the error message is often quite long and thus it appears
truncated with no possibility for the user to view the full string.
Thus, add a tooltip that displays the message in full on hover. This
follows the convention used in other parts of the GUI in similar cases.

Signed-off-by: Tomasz Wilczyński <twilczynski@naver.com>
---
 gui/default/index.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/gui/default/index.html b/gui/default/index.html
index 3a463ac6a..08266f50e 100644
--- a/gui/default/index.html
+++ b/gui/default/index.html
@@ -402,7 +402,9 @@
                       </tr>
                       <tr ng-if="!folder.paused && (model[folder.id].invalid || model[folder.id].error)">
                         <th><span class="fas fa-fw fa-exclamation-triangle"></span>&nbsp;<span translate>Error</span></th>
-                        <td class="text-right">{{model[folder.id].invalid || model[folder.id].error}}</td>
+                        <td class="text-right">
+                          <span tooltip data-original-title="{{model[folder.id].invalid || model[folder.id].error}}">{{model[folder.id].invalid || model[folder.id].error}}</span>
+                        </td>
                       </tr>
                       <tr ng-if="!folder.paused">
                         <th><span class="fas fa-fw fa-globe"></span>&nbsp;<span translate>Global State</span></th>