better html tooltip styling

2026-06-20 06:16:12 +02:00
parent ab37eb5d40
commit 19547d3c5f
2 changed files with 17 additions and 7 deletions
--- a/state_machine_exporter_html/src/main/resources/html/template.html
+++ b/state_machine_exporter_html/src/main/resources/html/template.html
@@ -238,9 +238,26 @@
        .tooltip-content {
            padding: 20px;
            max-width: 500px;
+            max-height: 60vh;
+            overflow-y: auto;
            word-break: break-word;
            overflow-wrap: anywhere;
        }
+        
+        /* Custom Scrollbar for Tooltips */
+        .tooltip-content::-webkit-scrollbar {
+            width: 6px;
+        }
+        .tooltip-content::-webkit-scrollbar-track {
+            background: transparent; 
+        }
+        .tooltip-content::-webkit-scrollbar-thumb {
+            background: #cbd5e1; 
+            border-radius: 4px;
+        }
+        .tooltip-content::-webkit-scrollbar-thumb:hover {
+            background: #94a3b8; 
+        }

        .payload-box {
            background: #0f172a;