From 6b51e4f7dd7ef764e616fb428f0bceaba9b3f116 Mon Sep 17 00:00:00 2001 From: Greg Smith Date: Mon, 1 Feb 2016 13:48:52 -0500 Subject: [PATCH 1/3] Improve UX of current time tooltip --- src/css/components/_progress.scss | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss index 52b7e26f7f..4787ed4b6b 100644 --- a/src/css/components/_progress.scss +++ b/src/css/components/_progress.scss @@ -86,14 +86,13 @@ .video-js .vjs-play-progress:after { display: none; position: absolute; - top: -2.4em; + top: -3.5em; right: -1.5em; font-size: 0.9em; color: #000; content: attr(data-current-time); - padding: 0.2em 0.5em; + padding: 6px 8px 8px 8px; @include background-color-with-alpha(#fff, 0.8); - @include border-radius(0.3em); } .video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { From 6be06ce764f88cc8de802233fb36d5a20c732c1c Mon Sep 17 00:00:00 2001 From: Greg Smith Date: Mon, 1 Feb 2016 14:18:32 -0500 Subject: [PATCH 2/3] Restore current time tooltip border-radius --- src/css/components/_progress.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss index 4787ed4b6b..4a755bc8f5 100644 --- a/src/css/components/_progress.scss +++ b/src/css/components/_progress.scss @@ -93,6 +93,7 @@ content: attr(data-current-time); padding: 6px 8px 8px 8px; @include background-color-with-alpha(#fff, 0.8); + @include border-radius(0.3em); } .video-js .vjs-play-progress:before, .video-js .vjs-play-progress:after { From bff12eb26a8568affb88d75e2628121a4e904c01 Mon Sep 17 00:00:00 2001 From: Greg Smith Date: Mon, 1 Feb 2016 15:45:47 -0500 Subject: [PATCH 3/3] Slight tweak to progress tooltip positioning --- src/css/components/_progress.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/css/components/_progress.scss b/src/css/components/_progress.scss index 4a755bc8f5..4ac8359b67 100644 --- a/src/css/components/_progress.scss +++ b/src/css/components/_progress.scss @@ -86,7 +86,7 @@ .video-js .vjs-play-progress:after { display: none; position: absolute; - top: -3.5em; + top: -3.4em; right: -1.5em; font-size: 0.9em; color: #000;