forked from andrey-leshenko/WaTracker
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtimeline.html
More file actions
74 lines (63 loc) · 1.5 KB
/
timeline.html
File metadata and controls
74 lines (63 loc) · 1.5 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<style type="text/css">
html {
overflow: scroll;
}
body {
background-color: rgb(237, 239, 240);
margin: 0;
padding: 0;
overflow: visible;
}
#background_group {
fill: rgb(237, 239, 240);
}
#recordings_group {
fill: rgb(247, 249, 250);
}
#online_ranges_group {
stroke: black;
stroke-width: 4px;
}
#timeticks_group {
stroke: rgb(128, 128, 128);
stroke-dasharray: 5, 2, 3, 2;
stroke-width: 1;
}
#timeline_timelabels {
font-size: 12px;
}
#panel_background {
fill: #d7d9da;
}
#panel_border {
stroke: black;
stroke-width: 1px;
}
#panel_labels_group {
font-family: Verdana;
font-size: 9px;
}
#timeline_highlight_group, #panel_highlight_group {
fill: rgba(62, 76, 91, 0.25);
}
</style>
<script type="text/javascript" src="lib/d3.min.js"></script>
<script type="text/javascript" src="timeline.js"></script>
<script type="text/javascript" src="keyboardCommands.js"></script>
</head>
<body>
<div style="position: fixed;">
<!--
There was a bug, that when I tried to keep the panel horizontally aligned to
the left edge of the screen by translating it on each 'scroll' event, the panel
won't stay in its place and instead move only after some delay.
Adding some other element with 'position: fixed' to the page suprisingly fixed
the issue.
-->
</div>
</body>
</html>