Skip to content

Commit 907c99c

Browse files
committed
- refactor timeline component with iframe-based time travel system
- implement auto-scrolling when dragging near viewport edges - add exit button for time travel mode - increase timeline height from 50px to 70px - replace direct DOM manipulation with isolated iframe content - add loading and error indicators for time travel operations - intercept internal links to maintain historical navigation - fix slider thumb position calculation during scrolling - change title for timeline toggle to make it sound more exciting
1 parent 74c71f0 commit 907c99c

File tree

2 files changed

+396
-152
lines changed

2 files changed

+396
-152
lines changed

timeline.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
}
1010

1111
#timeline-container.collapsed {
12-
bottom: -50px;
12+
bottom: -70px;
1313
}
1414

1515
#timeline-toggle {
@@ -44,7 +44,7 @@
4444
display: flex;
4545
align-items: center;
4646
overflow-x: auto;
47-
height: 50px;
47+
height: 70px;
4848
padding: 10px 10px 10px 30px;
4949
color: #fff;
5050
}
@@ -106,7 +106,7 @@
106106
}
107107
</style>
108108
<div id="timeline-container" class="collapsed">
109-
<div id="timeline-toggle" title="Toggle timeline feature"></div>
109+
<div id="timeline-toggle" title="Open Time Travel"></div>
110110
<div id="timeline">
111111
<div id="slider">
112112
<div class="slider-track"></div>

0 commit comments

Comments
 (0)