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

disabled color was added / previous disabled color renamed into past color

Browse Source
This commit is contained in:
Vladimir Khvan 2023-03-01 14:40:03 +05:00
parent 8bac3b6eae
commit 7b59eb56a1
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
packages/components/calendar/styled-components/SecondaryDateItem.js
View File

@ -3,14 +3,17 @@ import { DateItem } from "./";
import Base from "../../themes/base"; import Base from "../../themes/base";
export const SecondaryDateItem = styled(DateItem)` export const SecondaryDateItem = styled(DateItem)`
color: ${(props) => props.theme.calendar.disabledColor}; color: ${(props) =>
props.disabled
? props.theme.calendar.disabledColor
: props.theme.calendar.pastColor};
:hover { :hover {
cursor: ${(props) => (props.disabled ? "auto" : "pointer")}; cursor: ${(props) => (props.disabled ? "auto" : "pointer")};
color: ${(props) => color: ${(props) =>
props.disabled props.disabled
? props.theme.calendar.disabledColor ? props.theme.calendar.disabledColor
: props.theme.calendar.color}; : props.theme.calendar.pastColor};
} }
`; `;
SecondaryDateItem.defaultProps = { theme: Base }; SecondaryDateItem.defaultProps = { theme: Base };

3
packages/components/themes/base.js
View File

@ -1717,7 +1717,8 @@ const Base = {
calendar: { calendar: {
color: "#333333", color: "#333333",
disabledColor: "#A3A9AE", disabledColor: "#DFE2E3",
pastColor: "#A3A9AE",
onHoverBackground: "#f3f4f4", onHoverBackground: "#f3f4f4",
titleColor: "#555F65", titleColor: "#555F65",
outlineColor: "#eceef1", outlineColor: "#eceef1",

3
packages/components/themes/dark.js
View File

@ -1709,7 +1709,8 @@ const Dark = {
calendar: { calendar: {
color: "#FFFFFF", color: "#FFFFFF",
disabledColor: "#858585", disabledColor: "#474747",
pastColor: "#858585",
onHoverBackground: "#3D3D3D", onHoverBackground: "#3D3D3D",
titleColor: "#ADADAD", titleColor: "#ADADAD",
outlineColor: "#474747", outlineColor: "#474747",