Fossil SCM

When expanding the details on the /timeline in the Compact or Simple view, change the "..." into "←" and keep it visible, so that the expanded details can be toggled back off.

drh 2025-10-19 17:03 timeline-enhance-2025
Commit 2d89ae650ea94e0c1e7be9ca2b42678563c2fac9caa47b271c9ce4f8ee3cf0ce
1 file changed +4 -4
+4 -4
--- src/graph.js
+++ src/graph.js
@@ -726,15 +726,15 @@
726726
function toggleDetail(){
727727
var id = parseInt(this.getAttribute('data-id'))
728728
var x = document.getElementById("detail-"+id);
729729
if( x.style.display=="inline" ){
730730
x.style.display="none";
731
- changeDisplayById("ellipsis-"+id,"inline");
731
+ document.getElementById("ellipsis-"+id).textContent = "...";
732732
changeDisplayById("links-"+id,"none");
733733
}else{
734734
x.style.display="inline";
735
- changeDisplayById("ellipsis-"+id,"none");
735
+ document.getElementById("ellipsis-"+id).textContent = "←";
736736
changeDisplayById("links-"+id,"inline");
737737
}
738738
checkHeight();
739739
}
740740
function scrollToSelected(){
@@ -764,12 +764,12 @@
764764
}
765765
if( tx.scrollToSelect ){
766766
scrollToSelected();
767767
}
768768
769
- /* Set the onclick= attributes for elements of the "Compact" display
770
- ** mode so that clicking turns the details on and off.
769
+ /* Set the onclick= attributes for elements of the "Compact" and
770
+ ** "Simple" views so that clicking turns the details on and off.
771771
*/
772772
var lx = topObj.getElementsByClassName('timelineEllipsis');
773773
var i;
774774
for(i=0; i<lx.length; i++){
775775
if( lx[i].hasAttribute('data-id') ) lx[i].onclick = toggleDetail;
776776
--- src/graph.js
+++ src/graph.js
@@ -726,15 +726,15 @@
726 function toggleDetail(){
727 var id = parseInt(this.getAttribute('data-id'))
728 var x = document.getElementById("detail-"+id);
729 if( x.style.display=="inline" ){
730 x.style.display="none";
731 changeDisplayById("ellipsis-"+id,"inline");
732 changeDisplayById("links-"+id,"none");
733 }else{
734 x.style.display="inline";
735 changeDisplayById("ellipsis-"+id,"none");
736 changeDisplayById("links-"+id,"inline");
737 }
738 checkHeight();
739 }
740 function scrollToSelected(){
@@ -764,12 +764,12 @@
764 }
765 if( tx.scrollToSelect ){
766 scrollToSelected();
767 }
768
769 /* Set the onclick= attributes for elements of the "Compact" display
770 ** mode so that clicking turns the details on and off.
771 */
772 var lx = topObj.getElementsByClassName('timelineEllipsis');
773 var i;
774 for(i=0; i<lx.length; i++){
775 if( lx[i].hasAttribute('data-id') ) lx[i].onclick = toggleDetail;
776
--- src/graph.js
+++ src/graph.js
@@ -726,15 +726,15 @@
726 function toggleDetail(){
727 var id = parseInt(this.getAttribute('data-id'))
728 var x = document.getElementById("detail-"+id);
729 if( x.style.display=="inline" ){
730 x.style.display="none";
731 document.getElementById("ellipsis-"+id).textContent = "...";
732 changeDisplayById("links-"+id,"none");
733 }else{
734 x.style.display="inline";
735 document.getElementById("ellipsis-"+id).textContent = "←";
736 changeDisplayById("links-"+id,"inline");
737 }
738 checkHeight();
739 }
740 function scrollToSelected(){
@@ -764,12 +764,12 @@
764 }
765 if( tx.scrollToSelect ){
766 scrollToSelected();
767 }
768
769 /* Set the onclick= attributes for elements of the "Compact" and
770 ** "Simple" views so that clicking turns the details on and off.
771 */
772 var lx = topObj.getElementsByClassName('timelineEllipsis');
773 var i;
774 for(i=0; i<lx.length; i++){
775 if( lx[i].hasAttribute('data-id') ) lx[i].onclick = toggleDetail;
776

Keyboard Shortcuts

Open search /
Next entry (timeline) j
Previous entry (timeline) k
Open focused entry Enter
Show this help ?
Toggle theme Top nav button