diff options
| author | Teddy Wing | 2013-11-10 11:45:52 -0500 |
|---|---|---|
| committer | Teddy Wing | 2013-11-10 11:49:29 -0500 |
| commit | 87c690f48ba179a4822a99e51f52baafccc83fad (patch) | |
| tree | 1fe61e5c1e3f60b7c2912887c115d7f0a8874d6f | |
| parent | b5a05962d07325d31f37bedc38cc309980f91da7 (diff) | |
| download | clip-play-87c690f48ba179a4822a99e51f52baafccc83fad.tar.bz2 | |
Move the clip lines to the right on initial load
Moves the clip lines farther into the progress bar such that the drag
handles appear inside the progress bar. This ensures that the
thumbnail is not covered by the left drag handle.
| -rw-r--r-- | assets/css/sample-editor.css | 8 | ||||
| -rw-r--r-- | index.html | 4 |
2 files changed, 10 insertions, 2 deletions
diff --git a/assets/css/sample-editor.css b/assets/css/sample-editor.css index d905fb1..bb10484 100644 --- a/assets/css/sample-editor.css +++ b/assets/css/sample-editor.css @@ -30,6 +30,14 @@ background-color: #797979; } +.clip-line-start { + left: 55px; +} + +.clip-line-stop { + left: 58px; +} + .drag-handle { width: 2em; height: 1em; @@ -46,7 +46,7 @@ <div class="thumbnail js-thumbnail"></div> <div class="progress-bar"> - <div class="clip-line js-clip-line js-start-position"> + <div class="clip-line clip-line-start js-clip-line js-start-position"> <div class="drag-handle start-drag-handle js-drag-handle"> <span class="clip-time js-time"></span> </div> @@ -54,7 +54,7 @@ <div class="selected-bar js-selected-bar"></div> - <div class="clip-line js-clip-line js-end-position"> + <div class="clip-line clip-line-stop js-clip-line js-end-position"> <div class="drag-handle stop-drag-handle js-drag-handle"> <span class="js-time"></span> </div> |