feat: Add tap-to-show path popup for mobile devices

Tooltips don't work on touchscreens. Added a popup that appears on
tap/click, shows the full path, and auto-dismisses after 4 seconds.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
MarekWo
2026-02-07 16:41:33 +01:00
parent ddb69f1a18
commit 01fc9edf24
2 changed files with 46 additions and 2 deletions
+20 -1
View File
@@ -1123,8 +1123,27 @@ main {
/* Path info in message meta (incoming messages) */
.path-info {
cursor: help;
cursor: pointer;
border-bottom: 1px dotted currentColor;
position: relative;
}
/* Path popup (mobile-friendly tooltip) */
.path-popup {
position: absolute;
bottom: 100%;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 0.35rem 0.6rem;
border-radius: 0.375rem;
font-size: 0.7rem;
white-space: nowrap;
z-index: 1000;
pointer-events: none;
margin-bottom: 4px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}
/* =============================================================================