web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-01-15 10:39:58 +02:00
Code Releases Activity

@mmcc increased the size of the progress bar and handle on hover. closes #2216

Browse Source 
fixes #2117
This commit is contained in:
Matthew McClure 2015-05-29 16:56:07 -07:00 committed by heff
parent a6a4a0fd24
commit d729547cbf
2 changed files with 7 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -40,6 +40,7 @@ CHANGELOG
* @heff fixed a number of IE8 and Flash related issues ([view](https://github.com/videojs/video.js/pull/2206)) * @heff fixed a number of IE8 and Flash related issues ([view](https://github.com/videojs/video.js/pull/2206))
* @heff Reverted .video-js inline-block style to fix Flash fullscreen ([view](https://github.com/videojs/video.js/pull/2217)) * @heff Reverted .video-js inline-block style to fix Flash fullscreen ([view](https://github.com/videojs/video.js/pull/2217))
* @mmcc switched to using button elements for button components ([view](https://github.com/videojs/video.js/pull/2209)) * @mmcc switched to using button elements for button components ([view](https://github.com/videojs/video.js/pull/2209))
* @mmcc increased the size of the progress bar and handle on hover ([view](https://github.com/videojs/video.js/pull/2216))
-------------------- --------------------

6
src/css/components/_progress.scss
View File

@ -6,9 +6,14 @@
/* Box containing play and load progresses. Also acts as seek scrubber. */ /* Box containing play and load progresses. Also acts as seek scrubber. */
.video-js .vjs-progress-holder { .video-js .vjs-progress-holder {
@include flex(auto); @include flex(auto);
@include transition(height 0.2s);
height: 0.3em; height: 0.3em;
} }
/* We need an increased hit area on hover */
.video-js .vjs-progress-control:hover .vjs-progress-holder { height: 0.7em; }
.video-js .vjs-progress-control:hover .vjs-play-progress:before { font-size: 1.7em; } // also increase the size of the handle
/* Progress Bars */ /* Progress Bars */
.video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress,
@ -31,6 +36,7 @@
// Progress handle // Progress handle
&:before { &:before {
@include transition(font-size 0.2s);
position: absolute; position: absolute;
top: -0.35em; top: -0.35em;
right: -0.5em; right: -0.5em;