diff --git a/ui/scss/component/_file-render.scss b/ui/scss/component/_file-render.scss index a7c453efc..326ec8db3 100644 --- a/ui/scss/component/_file-render.scss +++ b/ui/scss/component/_file-render.scss @@ -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); }