Fixed Bug 57880: Added theme support for download dialog.
This commit is contained in:
parent
5edde068f7
commit
e891f8b6d6
@ -2571,6 +2571,10 @@ const Base = {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
downloadDialog: {
|
||||||
|
background: "#f8f9f9",
|
||||||
|
},
|
||||||
|
|
||||||
studio: {
|
studio: {
|
||||||
about: {
|
about: {
|
||||||
linkColor: blueMain,
|
linkColor: blueMain,
|
||||||
|
@ -2581,6 +2581,10 @@ const Dark = {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
downloadDialog: {
|
||||||
|
background: "#282828",
|
||||||
|
},
|
||||||
|
|
||||||
studio: {
|
studio: {
|
||||||
about: {
|
about: {
|
||||||
linkColor: "#E06A1B",
|
linkColor: "#E06A1B",
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
import React, { useState } from "react";
|
import React, { useState } from "react";
|
||||||
import Text from "@appserver/components/text";
|
import Text from "@appserver/components/text";
|
||||||
|
import { inject, observer } from "mobx-react";
|
||||||
import LinkWithDropdown from "@appserver/components/link-with-dropdown";
|
import LinkWithDropdown from "@appserver/components/link-with-dropdown";
|
||||||
import Checkbox from "@appserver/components/checkbox";
|
import Checkbox from "@appserver/components/checkbox";
|
||||||
import ArrowIcon from "../../../../public/images/arrow.react.svg";
|
import ArrowIcon from "../../../../public/images/arrow.react.svg";
|
||||||
@ -18,6 +19,7 @@ const DownloadContent = (props) => {
|
|||||||
title,
|
title,
|
||||||
isChecked,
|
isChecked,
|
||||||
isIndeterminate,
|
isIndeterminate,
|
||||||
|
theme,
|
||||||
} = props;
|
} = props;
|
||||||
|
|
||||||
const getTitleExtensions = () => {
|
const getTitleExtensions = () => {
|
||||||
@ -102,7 +104,7 @@ const DownloadContent = (props) => {
|
|||||||
const showHeader = items.length > 1;
|
const showHeader = items.length > 1;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StyledDownloadContent isOpen={showHeader ? isOpen : true}>
|
<StyledDownloadContent isOpen={showHeader ? isOpen : true} theme={theme}>
|
||||||
{showHeader && (
|
{showHeader && (
|
||||||
<div className="download-dialog_content-wrapper">
|
<div className="download-dialog_content-wrapper">
|
||||||
<Checkbox
|
<Checkbox
|
||||||
@ -162,4 +164,11 @@ const DownloadContent = (props) => {
|
|||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default DownloadContent;
|
export default inject(({ auth }) => {
|
||||||
|
const { settingsStore } = auth;
|
||||||
|
const { theme } = settingsStore;
|
||||||
|
|
||||||
|
return {
|
||||||
|
theme,
|
||||||
|
};
|
||||||
|
})(observer(DownloadContent));
|
||||||
|
@ -53,7 +53,7 @@ const StyledDownloadContent = styled.div`
|
|||||||
${({ isOpen }) =>
|
${({ isOpen }) =>
|
||||||
isOpen &&
|
isOpen &&
|
||||||
css`
|
css`
|
||||||
background: #f8f9f9;
|
background: ${(props) => props.theme.downloadDialog.background};
|
||||||
margin: 0 -16px;
|
margin: 0 -16px;
|
||||||
padding: 0 16px;
|
padding: 0 16px;
|
||||||
`}
|
`}
|
||||||
|
Loading…
Reference in New Issue
Block a user