diff options
| author | Chocobozzz <me@florianbigard.com> | 2022-01-17 15:31:53 +0100 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2022-01-17 15:31:53 +0100 |
| commit | 5bca1d06200ba99571fead7636bf8dc39a401fe1 (patch) | |
| tree | 504ca073ccd7904b43cdefdc83a3c819b6ebe992 | |
| parent | 8f7d35fd0fa900fc94c035b5d7d608bf733e6d10 (diff) | |
| download | PeerTube-5bca1d06200ba99571fead7636bf8dc39a401fe1.tar.gz PeerTube-5bca1d06200ba99571fead7636bf8dc39a401fe1.tar.zst PeerTube-5bca1d06200ba99571fead7636bf8dc39a401fe1.zip | |
Increase player progress bar hitbox height
| -rw-r--r-- | client/src/sass/player/_player-variables.scss | 2 | ||||
| -rw-r--r-- | client/src/sass/player/control-bar.scss | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/client/src/sass/player/_player-variables.scss b/client/src/sass/player/_player-variables.scss index dec3fe911..79c878852 100644 --- a/client/src/sass/player/_player-variables.scss +++ b/client/src/sass/player/_player-variables.scss | |||
| @@ -8,7 +8,7 @@ $font-size: 13px; | |||
| 8 | $control-bar-height: 38px; | 8 | $control-bar-height: 38px; |
| 9 | $control-bar-icon-size: 26px; | 9 | $control-bar-icon-size: 26px; |
| 10 | $control-bar-volume-slider-height: 14px; | 10 | $control-bar-volume-slider-height: 14px; |
| 11 | $control-bar-slider-top: -10px; | 11 | $control-bar-slider-top: -15px; |
| 12 | $control-bar-font-size: 14px; | 12 | $control-bar-font-size: 14px; |
| 13 | $control-bar-play-font-size: 34px; | 13 | $control-bar-play-font-size: 34px; |
| 14 | $control-bar-next-previous-play-font-size: 14px; | 14 | $control-bar-next-previous-play-font-size: 14px; |
diff --git a/client/src/sass/player/control-bar.scss b/client/src/sass/player/control-bar.scss index c4e1283f8..9b35c6cb2 100644 --- a/client/src/sass/player/control-bar.scss +++ b/client/src/sass/player/control-bar.scss | |||
| @@ -54,7 +54,7 @@ | |||
| 54 | top: $control-bar-slider-top; | 54 | top: $control-bar-slider-top; |
| 55 | z-index: 100; // On top of the progress bar | 55 | z-index: 100; // On top of the progress bar |
| 56 | width: calc(100% - (2 * #{$progress-margin})); | 56 | width: calc(100% - (2 * #{$progress-margin})); |
| 57 | height: 14px; | 57 | height: 20px; |
| 58 | 58 | ||
| 59 | .vjs-slider { | 59 | .vjs-slider { |
| 60 | margin: 0; | 60 | margin: 0; |