Adjust video control icon sizes

This commit is contained in:
Cadence Ember 2020-06-18 03:24:24 +12:00
parent aa417030d5
commit 53415ba78c
No known key found for this signature in database
GPG Key ID: 128B99B1B74A6412
1 changed files with 12 additions and 7 deletions

View File

@ -167,13 +167,13 @@
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
position: relative; position: relative;
top: -2px; top: -3px;
} }
.vjs-icon-cog:before { .vjs-icon-cog:before {
content: "\f110"; content: "\f110";
} }
.video-js .vjs-icon-cog { .video-js .vjs-icon-cog {
font-size: 1.8em; font-size: 2em;
} }
.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress { .vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
@ -778,7 +778,7 @@ body.vjs-full-window {
} }
.vjs-button > .vjs-icon-placeholder:before { .vjs-button > .vjs-icon-placeholder:before {
font-size: 1.8em; font-size: 2em;
line-height: 1.67; line-height: 1.67;
} }
@ -814,6 +814,7 @@ body.vjs-full-window {
align-items: center; align-items: center;
min-width: 4em; min-width: 4em;
touch-action: none; touch-action: none;
z-index: 1;
} }
.video-js .vjs-progress-control.disabled { .video-js .vjs-progress-control.disabled {
@ -1061,6 +1062,8 @@ body.vjs-full-window {
.vjs-volume-bar.vjs-slider-horizontal { .vjs-volume-bar.vjs-slider-horizontal {
width: 5em; width: 5em;
height: 0.3em; height: 0.3em;
position: relative;
top: -2px;
} }
.vjs-volume-bar.vjs-slider-vertical { .vjs-volume-bar.vjs-slider-vertical {
@ -1242,7 +1245,7 @@ body.vjs-full-window {
.video-js .vjs-play-control { .video-js .vjs-play-control {
cursor: pointer; cursor: pointer;
position: relative; position: relative;
top: 1px; top: -1px;
} }
.video-js .vjs-play-control .vjs-icon-placeholder { .video-js .vjs-play-control .vjs-icon-placeholder {
@ -1292,11 +1295,13 @@ video::-webkit-media-text-track-display {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
position: relative; position: relative;
top: 1px; top: -1px;
} }
.video-js .vjs-fullscreen-control { .video-js .vjs-fullscreen-control {
cursor: pointer; cursor: pointer;
flex: none; flex: none;
position: relative;
top: -1px;
} }
.vjs-playback-rate > .vjs-menu-button, .vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value { .vjs-playback-rate .vjs-playback-rate-value {
@ -2003,10 +2008,10 @@ video::-webkit-media-text-track-display {
.vjs-subs-caps-button.vjs-control { .vjs-subs-caps-button.vjs-control {
position: relative; position: relative;
top: 1px; top: -1px;
} }
.vjs-volume-panel .vjs-mute-control { .vjs-volume-panel .vjs-mute-control {
position: relative; position: relative;
top: 1px; top: -1px;
} }