minor correction

This commit is contained in:
Jeremy Kauffman 2017-06-08 19:16:38 -04:00
parent 5d5badd567
commit f2cabfb07a
4 changed files with 8 additions and 9 deletions

View file

@ -1,11 +1,11 @@
import React from "react"; import React from "react";
const LoadingScreen = ({ status }) => const LoadingScreen = ({ status }) =>
<div className="video--loading-screen"> <div className="video__loading-screen">
<div className="video--loading-screen-content"> <div>
<div className="video--loading-spinner" /> <div className="video__loading-spinner" />
<div className="video--loading-status"> <div className="video__loading-status">
{status} {status}
</div> </div>
</div> </div>

View file

@ -22,7 +22,6 @@ class VideoPlayButton extends React.Component {
const { const {
button, button,
label, label,
className,
metadata, metadata,
metadata: { title }, metadata: { title },
uri, uri,

View file

@ -68,7 +68,6 @@ class Video extends React.Component {
poster={poster} poster={poster}
downloadPath={fileInfo.download_path} downloadPath={fileInfo.download_path}
mediaType={mediaType} mediaType={mediaType}
poster={poster}
/>)} />)}
{!isPlaying && {!isPlaying &&
<div <div

View file

@ -35,14 +35,14 @@ video {
} }
.video--loading-screen { .video__loading-screen {
height: 100%; height: 100%;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
.video--loading-spinner { .video__loading-spinner {
position: relative; position: relative;
width: 11em; width: 11em;
height: 11em; height: 11em;
@ -89,7 +89,7 @@ video {
} }
} }
.video--loading-status { .video__loading-status {
padding-top: 20px; padding-top: 20px;
color: white; color: white;
} }
@ -104,6 +104,7 @@ video {
position: relative; position: relative;
.video__play-button { @include absolute-center(); } .video__play-button { @include absolute-center(); }
} }
.video__play-button { .video__play-button {
position: absolute; position: absolute;
width: 100%; width: 100%;