aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/sass/player/peertube-skin.scss
diff options
context:
space:
mode:
authorChocobozzz <me@florianbigard.com>2021-03-05 14:27:06 +0100
committerChocobozzz <me@florianbigard.com>2021-03-24 18:18:40 +0100
commit71926aae0762facb25243f27eaf45933b5a37353 (patch)
tree5e860e3043724869d4324b003b6008db9dcc04f0 /client/src/sass/player/peertube-skin.scss
parent67f87b66fe99a5982580b1f555245abde1c03380 (diff)
downloadPeerTube-71926aae0762facb25243f27eaf45933b5a37353.tar.gz
PeerTube-71926aae0762facb25243f27eaf45933b5a37353.tar.zst
PeerTube-71926aae0762facb25243f27eaf45933b5a37353.zip
Fix control bar alignment
Diffstat (limited to 'client/src/sass/player/peertube-skin.scss')
-rw-r--r--client/src/sass/player/peertube-skin.scss18
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