Better active timespan handling
Showing
1 changed file
with
7 additions
and
2 deletions
... | @@ -26,6 +26,10 @@ | ... | @@ -26,6 +26,10 @@ |
26 | 26 | ||
27 | span { | 27 | span { |
28 | cursor: pointer; | 28 | cursor: pointer; |
29 | font-size: 10px; | ||
30 | margin-left: 5px; | ||
31 | border: 1px solid #DDD; | ||
32 | padding: 3px 10px 4px 10px; | ||
29 | } | 33 | } |
30 | 34 | ||
31 | canvas { | 35 | canvas { |
... | @@ -34,7 +38,7 @@ | ... | @@ -34,7 +38,7 @@ |
34 | } | 38 | } |
35 | 39 | ||
36 | .active { | 40 | .active { |
37 | text-decoration: underline; | 41 | background: #eeeeee; |
38 | } | 42 | } |
39 | 43 | ||
40 | .stats-column { | 44 | .stats-column { |
... | @@ -70,7 +74,7 @@ | ... | @@ -70,7 +74,7 @@ |
70 | <body> | 74 | <body> |
71 | <div style="width: 600px; margin: auto"> | 75 | <div style="width: 600px; margin: auto"> |
72 | <div class="header"> | 76 | <div class="header"> |
73 | <span><b>Express Status</b></span> | 77 | <b>Express Status</b> |
74 | <div id="span-controls" class="span-controls"> | 78 | <div id="span-controls" class="span-controls"> |
75 | </div> | 79 | </div> |
76 | </div> | 80 | </div> |
... | @@ -278,6 +282,7 @@ | ... | @@ -278,6 +282,7 @@ |
278 | spanNode.onclick = onSpanChange; | 282 | spanNode.onclick = onSpanChange; |
279 | spanControls.appendChild(spanNode); | 283 | spanControls.appendChild(spanNode); |
280 | }); | 284 | }); |
285 | document.getElementsByTagName('span')[0].classList.add('active'); | ||
281 | } | 286 | } |
282 | }); | 287 | }); |
283 | 288 | ... | ... |
-
Please register or sign in to post a comment