From 06a881525f7729bb407e2230f8e60b38f021e8d5 Mon Sep 17 00:00:00 2001
From: Ruben van de Ven <git@rubenvandeven.com>
Date: Fri, 10 Jun 2022 13:53:27 +0200
Subject: [PATCH] Annotator: Nicer flow for log diagram title

---
 app/www/annotate.js | 1 +
 app/www/svganim.css | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/app/www/annotate.js b/app/www/annotate.js
index d2f2f8d..3ec0e98 100644
--- a/app/www/annotate.js
+++ b/app/www/annotate.js
@@ -842,6 +842,7 @@ class Annotator extends EventTarget {
                 let titleEl = document.createElement('div');
                 titleEl.classList.add('drawing-title');
                 titleEl.innerText = this.title ?? "[add title]"
+                titleEl.title = this.title ?? "[click to add title for this diagram]"
                 titleEl.addEventListener('click', (ev) => {
                     const title = prompt("Change the title for the drawing", this.title ?? "");
                     if(title === null) return; //cancel
diff --git a/app/www/svganim.css b/app/www/svganim.css
index 3fd516b..6fe772b 100644
--- a/app/www/svganim.css
+++ b/app/www/svganim.css
@@ -265,6 +265,9 @@ path.before_in {
     font-weight: bold;
     padding: 10px;
     cursor: pointer;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
 }
 
 .metadataconfig .audioconfig{