diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-06-30 17:03:31 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-06-30 17:03:31 +0200 |
| commit | 7bc1723499503800cbdd446b27e202898fc32b9e (patch) | |
| tree | 03480b0dae36c6e97ad524ff667a01d2efe43c82 /animism-align/frontend/views/align/align.css | |
| parent | bd57b5abf5fc73d5e61d80be1ee509b7afc97ff7 (diff) | |
cursor
Diffstat (limited to 'animism-align/frontend/views/align/align.css')
| -rw-r--r-- | animism-align/frontend/views/align/align.css | 22 |
1 files changed, 21 insertions, 1 deletions
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 |