From 7bc1723499503800cbdd446b27e202898fc32b9e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 30 Jun 2020 17:03:31 +0200 Subject: cursor --- animism-align/frontend/views/align/align.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend/views/align/align.css') diff --git a/animism-align/frontend/views/align/align.css b/animism-align/frontend/views/align/align.css index 0910c5a..153c481 100644 --- a/animism-align/frontend/views/align/align.css +++ b/animism-align/frontend/views/align/align.css @@ -20,8 +20,8 @@ canvas { display: flex; flex-direction: row; position: relative; - border-left: 1px solid #333; width: 300px; + cursor: crosshair; } .ticks .tick { @@ -38,4 +38,24 @@ canvas { width: 40px; margin-top: -7px; text-align: right; + text-shadow: 0 0 2px #00f; +} +.timeline .cursor { + width: 100%; + position: absolute; + left: 0; +} +.timeline .cursor .line { + width: 100%; + height: 1px; + background: #00f; +} +.timeline .cursor .tickLabel { + position: absolute; + right: 6px; + font-size: 12px; + width: 40px; + margin-top: -7px; + text-align: right; + text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000; } \ No newline at end of file -- cgit v1.2.3-70-g09d2