parent
ce889f2d3b
commit
2c7cdfd43e
7 changed files with 14 additions and 3 deletions
ui
dist/themes
js/component/video
scss
3
ui/dist/themes/dark.css
vendored
3
ui/dist/themes/dark.css
vendored
|
@ -48,6 +48,9 @@
|
||||||
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.20);
|
--scrollbar-thumb-bg: rgba(255, 255, 255, 0.20);
|
||||||
--scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.35);
|
--scrollbar-thumb-hover-bg: rgba(255, 255, 255, 0.35);
|
||||||
|
|
||||||
|
/* Media */
|
||||||
|
--media-bg: #CCC;
|
||||||
|
|
||||||
/* Divider */
|
/* Divider */
|
||||||
--divider: 1px solid rgba(255,255,255, 0.12);
|
--divider: 1px solid rgba(255,255,255, 0.12);
|
||||||
}
|
}
|
||||||
|
|
|
@ -176,7 +176,7 @@ class VideoPlayer extends React.PureComponent {
|
||||||
<LoadingScreen status={noMetadataMessage} />}
|
<LoadingScreen status={noMetadataMessage} />}
|
||||||
{unplayable &&
|
{unplayable &&
|
||||||
<LoadingScreen status={unplayableMessage} spinner={false} />}
|
<LoadingScreen status={unplayableMessage} spinner={false} />}
|
||||||
<div ref="media" />
|
<div ref="media" className="media" />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
|
@ -80,7 +80,7 @@ class Video extends React.PureComponent {
|
||||||
loadStatusMessage = __("Downloading stream... not long left now!");
|
loadStatusMessage = __("Downloading stream... not long left now!");
|
||||||
}
|
}
|
||||||
|
|
||||||
let klasses = [];
|
let klasses = ["card"];
|
||||||
klasses.push(obscureNsfw ? "video--obscured " : "");
|
klasses.push(obscureNsfw ? "video--obscured " : "");
|
||||||
if (isLoading || isDownloading) klasses.push("video-embedded", "video");
|
if (isLoading || isDownloading) klasses.push("video-embedded", "video");
|
||||||
if (mediaType === "video") {
|
if (mediaType === "video") {
|
||||||
|
|
|
@ -133,6 +133,9 @@ $text-color: #000;
|
||||||
--scrollbar-thumb-active-bg: var(--color-primary);
|
--scrollbar-thumb-active-bg: var(--color-primary);
|
||||||
--scrollbar-track-bg: transparent;
|
--scrollbar-track-bg: transparent;
|
||||||
|
|
||||||
|
/* Media */
|
||||||
|
--media-bg: #FFF;
|
||||||
|
|
||||||
/* Divider */
|
/* Divider */
|
||||||
--divider: 1px solid rgba(0, 0, 0, 0.12);
|
--divider: 1px solid rgba(0, 0, 0, 0.12);
|
||||||
}
|
}
|
||||||
|
|
|
@ -23,5 +23,6 @@
|
||||||
@import "component/_markdown-editor.scss";
|
@import "component/_markdown-editor.scss";
|
||||||
@import "component/_scrollbar.scss";
|
@import "component/_scrollbar.scss";
|
||||||
@import "component/_tabs.scss";
|
@import "component/_tabs.scss";
|
||||||
|
@import "component/_media.scss";
|
||||||
@import "page/_developer.scss";
|
@import "page/_developer.scss";
|
||||||
@import "page/_show.scss";
|
@import "page/_show.scss";
|
||||||
|
|
5
ui/scss/component/_media.scss
Normal file
5
ui/scss/component/_media.scss
Normal file
|
@ -0,0 +1,5 @@
|
||||||
|
.media {
|
||||||
|
/* temp fix for text files */
|
||||||
|
background: var(--media-bg);
|
||||||
|
padding: 10px;
|
||||||
|
}
|
|
@ -21,7 +21,6 @@ video {
|
||||||
max-height: $height-video-embedded;
|
max-height: $height-video-embedded;
|
||||||
height: $height-video-embedded;
|
height: $height-video-embedded;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #000;
|
|
||||||
video {
|
video {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Loading…
Add table
Reference in a new issue