hide big play button when paused on desktop
This commit is contained in:
parent
ef4d8f5988
commit
2d56518ffe
1 changed files with 5 additions and 4 deletions
|
@ -132,7 +132,9 @@
|
|||
|
||||
.vjs-paused .vjs-big-play-button,
|
||||
.vjs-paused.vjs-has-started .vjs-big-play-button {
|
||||
display: block;
|
||||
@media (max-width: $breakpoint-small) {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.file-render {
|
||||
|
@ -168,7 +170,7 @@
|
|||
.vjs-big-play-button {
|
||||
@extend .button--icon;
|
||||
@extend .button--play;
|
||||
background-color: rgba(0,0,0,0.6);
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
border: none;
|
||||
position: static;
|
||||
z-index: 2;
|
||||
|
@ -178,9 +180,8 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.video-js:hover {
|
||||
|
||||
.vjs-big-play-button {
|
||||
background-color: var(--color-primary);
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue