web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-03-17 21:18:27 +02:00
Code Releases Activity

fix icon pos (#5785)

Browse Source
This commit is contained in:
Vladimir 2019-02-11 22:04:17 +03:00 committed by Gary Katsevman
parent 76cc310dac
commit a359b6a462
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/_private-variables.scss
View File

@ -13,6 +13,8 @@ $secondary-background-transparency: 0.5 !default;
$text-font-family: Arial, Helvetica, sans-serif !default;
// Using the '--' naming for component-specific styles
$big-play-button--border-size: 0.06666em !default;
$big-play-button--width: 3em !default;
$big-play-button--height: 1.5em !default;
$big-play-button--line-height: 1.5em !default;
$big-play-button--height: $big-play-button--line-height + ($big-play-button--border-size * 2) !default;
$big-play-button--transparency: 0.8 !default;

4
src/css/components/_big-play.scss
View File

@ -1,6 +1,6 @@
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: $big-play-button--height;
line-height: $big-play-button--line-height;
height: $big-play-button--height;
width: $big-play-button--width; // Firefox bug: For some reason without width the icon wouldn't show up. Switched to using width and removed padding.
display: block;
@ -10,7 +10,7 @@
padding: 0;
cursor: pointer;
opacity: 1;
border: 0.06666em solid $primary-foreground-color;
border: $big-play-button--border-size solid $primary-foreground-color;
// Need a slightly gray bg so it can be seen on black backgrounds
@include background-color-with-alpha($primary-background-color, $primary-background-transparency);