minor css fixes

fix dark theme issues

minor css fix for 
This commit is contained in:
btzr-io 2017-09-26 10:56:21 -06:00
parent ce889f2d3b
commit 2c7cdfd43e
7 changed files with 14 additions and 3 deletions
ui
dist/themes
js/component/video
scss

View file

@ -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);
} }

View file

@ -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>
); );
} }

View file

@ -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") {

View file

@ -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);
} }

View file

@ -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";

View file

@ -0,0 +1,5 @@
.media {
/* temp fix for text files */
background: var(--media-bg);
padding: 10px;
}

View file

@ -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%;