IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web:Common:Fix InfoPanelToggle, LinkForgotPassword, LoadingButton.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-17 12:20:52 +03:00
parent 14d3b37c2e
commit 14d743181e
3 changed files with 31 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/common/components/ColorTheme/styled/infoPanelToggle.js
View File

@ -2,15 +2,17 @@ import styled, { css } from "styled-components";
import { StyledInfoPanelToggleWrapper } from "@docspace/client/src/pages/Home/InfoPanel/Header/styles/styles";
import Base from "@docspace/components/themes/base";
const getDefaultStyles = ({ currentColorScheme, theme }) => css`
.info-panel-toggle-bg {
path {
fill: ${theme.isBase
? currentColorScheme.accentColor
: theme.infoPanel.sectionHeaderToggleIconActive};
const getDefaultStyles = ({ currentColorScheme, theme }) =>
currentColorScheme &&
css`
.info-panel-toggle-bg {
path {
fill: ${theme.isBase
? currentColorScheme.accentColor
: theme.infoPanel.sectionHeaderToggleIconActive};
}
}
}
`;
`;
StyledInfoPanelToggleWrapper.defaultProps = { theme: Base };

12
packages/common/components/ColorTheme/styled/linkForgotPassword.js
View File

@ -1,10 +1,12 @@
import styled, { css } from "styled-components";
import { LoginContainer } from "@docspace/login/src/StyledLogin";
const getDefaultStyles = ({ currentColorScheme }) => css`
.login-link {
color: ${currentColorScheme.accentColor};
}
`;
const getDefaultStyles = ({ currentColorScheme }) =>
currentColorScheme &&
css`
.login-link {
color: ${currentColorScheme.accentColor};
}
`;
export default styled(LoginContainer)(getDefaultStyles);

26
packages/common/components/ColorTheme/styled/loadingButton.js
View File

@ -6,21 +6,23 @@ import {
} from "@docspace/client/src/components/panels/UploadPanel/SubComponents/StyledLoadingButton";
import { Base } from "@docspace/components/themes";
const getDefaultStyles = ({ currentColorScheme, theme }) => css`
${StyledCircle} {
.circle__mask .circle__fill {
background-color: ${theme.isBase === true
const getDefaultStyles = ({ currentColorScheme, theme }) =>
currentColorScheme &&
css`
${StyledCircle} {
.circle__mask .circle__fill {
background-color: ${theme.isBase
? currentColorScheme.accentColor
: theme.filesPanels.upload.loadingButton.color};
}
}
${StyledLoadingButton} {
color: ${theme.isBase
? currentColorScheme.accentColor
: theme.filesPanels.upload.loadingButton.color};
}
}
${StyledLoadingButton} {
color: ${theme.isBase === true
? currentColorScheme.accentColor
: theme.filesPanels.upload.loadingButton.color};
}
`;
`;
StyledCircleWrap.defaultProps = {
theme: Base,