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

Web:Common:Fix ToggleButtonTheme.

Browse Source
This commit is contained in:
Vlada Gazizova 2022-08-16 13:42:31 +03:00
parent eab910e973
commit bde4a1f019
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/common/components/ColorTheme/styled/toggleButton.js
View File

@ -4,20 +4,22 @@ import {
ToggleButtonContainer, ToggleButtonContainer,
} from "@docspace/components/toggle-button/styled-toggle-button"; } from "@docspace/components/toggle-button/styled-toggle-button";
const getDefaultStyles = ({ currentColorScheme, isDisabled, isChecked }) => css` const getDefaultStyles = ({ currentColorScheme, isDisabled, isChecked }) =>
${ToggleButtonContainer} { currentColorScheme &&
svg { css`
rect { ${ToggleButtonContainer} {
fill: ${isChecked && currentColorScheme.accentColor}; svg {
opacity: ${isDisabled && "0.6"}; rect {
&:hover {
fill: ${isChecked && currentColorScheme.accentColor}; fill: ${isChecked && currentColorScheme.accentColor};
opacity: ${isDisabled && "0.6"}; opacity: ${isDisabled && "0.6"};
&:hover {
fill: ${isChecked && currentColorScheme.accentColor};
opacity: ${isDisabled && "0.6"};
}
} }
} }
} }
} `;
`;
export default styled(Container)(getDefaultStyles); export default styled(Container)(getDefaultStyles);