diff options
| -rw-r--r-- | assets/css/sample-editor.css | 14 | ||||
| -rw-r--r-- | index.html | 4 |
2 files changed, 13 insertions, 5 deletions
diff --git a/assets/css/sample-editor.css b/assets/css/sample-editor.css index 7b64171..da04ef8 100644 --- a/assets/css/sample-editor.css +++ b/assets/css/sample-editor.css @@ -8,7 +8,7 @@ .progress-bar { border: 1px solid #777; - width: 50%; + width: 90%; height: 3em; position: relative; background-color: #ddd; /* change to something more pleasant later */ @@ -19,7 +19,7 @@ position: relative; z-index: 5; width: 1px; - height: 2em; + height: 3em; background-color: #222; } @@ -33,9 +33,17 @@ background-color: yellow; } +.start-drag-handle { + top: 0.4em; +} + +.stop-drag-handle { + top: 1.6em; +} + .selected-bar { width: 0; - height: 2em; + height: 3em; position: absolute; top: 0; background-color: #4087a0; @@ -50,7 +50,7 @@ <div class="edit-sample js-edit-sample"> <div class="progress-bar"> <div class="clip-line js-clip-line js-start-position"> - <div class="drag-handle js-drag-handle"> + <div class="drag-handle start-drag-handle js-drag-handle"> <span class="js-time"></span> </div> </div> @@ -58,7 +58,7 @@ <div class="selected-bar js-selected-bar"></div> <div class="clip-line js-clip-line js-end-position"> - <div class="drag-handle js-drag-handle"> + <div class="drag-handle stop-drag-handle js-drag-handle"> <span class="js-time"></span> </div> </div> |