Merge pull request #599 from oduwsdl/issue-596

Account for long titles of mementos in ipwb replay interface
oduwsdl · Nov 5, 2018 · 13eb385 · 13eb385
2 parents 31d1db9 + 88e72b4
commit 13eb385
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/ipwb/assets/webui.css b/ipwb/assets/webui.css
@@ -21,7 +21,7 @@ html.status body {margin: 0 0 0 2px; padding: 0;}
 html#statusStart {color: red;}
 html#statusStop {color: green;}
 html.status button {display: inline-block; margin-left: 5px;}
-ul#uriList li {display: none; width: 100%; margin-bottom: 0.5em;}
+ul#uriList li {display: none; width: 100%; margin-bottom: 0.5em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
 ul#uriList li[data-display] {background-color: white; display: block;}
 ul#uriList.forceDisplay li {display: block;}
 

diff --git a/ipwb/assets/webui.js b/ipwb/assets/webui.js
@@ -30,8 +30,12 @@ function addURIListToDOM () {
       let li = document.createElement('li')
       let a = document.createElement('a')
       let dt = document.createElement('span')
+      const title = memento['title'] || urir
+
       a.href = 'memento/' + memento['datetime'] + '/' + urir
-      a.appendChild(document.createTextNode(memento['title'] || urir))
+      a.appendChild(document.createTextNode(title))
+      a.title = title
+
       dt.setAttribute('class', 'datetime')
       dt.appendChild(document.createTextNode(splitDatetime(memento['datetime'])))