diff options
author | tomasz1986 <twilczynski@naver.com> | 2022-09-11 22:13:04 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-11 22:13:04 +0200 |
commit | 33e3643aedfd4a7d58ac7275a98d84015e7cf0a4 (patch) | |
tree | d10ace9f1dc0b9c263332f2d719c263020fcdafd | |
parent | 78be7225fbcd35392e5f7f8f691627fc60394b75 (diff) |
gui: Add tooltip to folder error message (fixes #7603) (#8531)
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>
-rw-r--r-- | gui/default/index.html | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/gui/default/index.html b/gui/default/index.html index 3a463ac6ad..08266f50e9 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> <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> <span translate>Global State</span></th> |