diff options
-rw-r--r-- | client/src/sass/player/peertube-skin.scss | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/client/src/sass/player/peertube-skin.scss b/client/src/sass/player/peertube-skin.scss index 0144e89fb..81aacf1d7 100644 --- a/client/src/sass/player/peertube-skin.scss +++ b/client/src/sass/player/peertube-skin.scss | |||
@@ -43,10 +43,6 @@ body { | |||
43 | } | 43 | } |
44 | } | 44 | } |
45 | 45 | ||
46 | .vjs-button > .vjs-icon-placeholder::before { | ||
47 | line-height: $control-bar-height; | ||
48 | } | ||
49 | |||
50 | .vjs-volume-level::before { | 46 | .vjs-volume-level::before { |
51 | content: ''; /* Remove Circle From Progress Bar */ | 47 | content: ''; /* Remove Circle From Progress Bar */ |
52 | } | 48 | } |
@@ -242,8 +238,19 @@ body { | |||
242 | @include disable-outline; | 238 | @include disable-outline; |
243 | 239 | ||
244 | cursor: pointer; | 240 | cursor: pointer; |
245 | font-size: $play-control-font-size; | ||
246 | width: 2em; | 241 | width: 2em; |
242 | |||
243 | .vjs-icon-placeholder { | ||
244 | line-height: $control-bar-height; | ||
245 | position: relative; | ||
246 | top: -1px; | ||
247 | |||
248 | &::before { | ||
249 | font-size: 28px; | ||
250 | line-height: unset; | ||
251 | position: relative; | ||
252 | } | ||
253 | } | ||
247 | } | 254 | } |
248 | 255 | ||
249 | .vjs-time-control { | 256 | .vjs-time-control { |
@@ -375,7 +382,6 @@ body { | |||
375 | .vjs-mute-control { | 382 | .vjs-mute-control { |
376 | @include disable-outline; | 383 | @include disable-outline; |
377 | 384 | ||
378 | line-height: $control-bar-height; | ||
379 | padding: 0; | 385 | padding: 0; |
380 | width: 30px; | 386 | width: 30px; |
381 | 387 | ||