adam/sthlm-mesh
1
0
Fork 0
mirror of https://github.com/Roslund/sthlm-mesh.git synced 2026-08-07 17:33:06 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add tooltip for gateway hop list

Browse Source
This commit is contained in:
Roslund
2026-04-08 19:29:58 +02:00
parent 124be864ed
commit 0079282238
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/scss/_styles_project.scss
+6
View File
@@ -74,4 +74,10 @@ code {
@extend .pb-3;
width: 100%;
max-width: 1000px;
}
/* Gateway hop list tooltip (data-bs-custom-class on the badge trigger) */
.tooltip.tooltip-gateway-list .tooltip-inner {
max-width: 500px;
text-align: left;
}
static/js/messages.js
+3 -1
View File
@@ -199,7 +199,9 @@ document.addEventListener("DOMContentLoaded", async function () {
if (!names) {
return "";
}
return `Gated by: ${names}`;
const titleEsc = document.createElement("span");
titleEsc.textContent = names;
return `Gated by: <span class="badge rounded-pill text-bg-light" data-bs-toggle="tooltip" data-bs-placement="right" data-bs-container="body" data-bs-custom-class="tooltip-gateway-list" data-bs-trigger="hover focus" title="${titleEsc.innerHTML}">${sorted.length}</span>`;
}
await fetchMessages();