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

disabled style was added

Browse Source
This commit is contained in:
Vladimir Khvan 2023-02-06 20:00:09 +05:00
parent 5e33ff1365
commit 30f7d0f61e
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/components/calendar/styled-components/DateItem.js
View File

@ -5,26 +5,27 @@ export const DateItem = styled.button`
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 16px;
border-radius: 50%; border-radius: 50%;
color: ${props => props.focused ? '#4781D1' : '#333'}; color: ${(props) =>
props.disabled ? "#A3A9AE" : props.focused ? "#4781D1" : "#333"};
border: 2px solid; border: 2px solid;
border-color: ${props => props.focused ? '#4781D1' : 'transparent'}; border-color: ${(props) => (props.focused ? "#4781D1" : "transparent")};
background-color: transparent; background-color: transparent;
width: ${props => props.big ? '60px' : '40px'}; width: ${(props) => (props.big ? "60px" : "40px")};
height: ${props => props.big ? '60px' : '40px'}; height: ${(props) => (props.big ? "60px" : "40px")};
display: inline-flex; display: inline-flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
:hover { :hover {
cursor: pointer; cursor: ${(props) => (props.disabled ? "default" : "pointer")};
background: #f3f4f4; background: ${(props) => (props.disabled ? "transparent" : "#f3f4f4")};
} }
:focus{ :focus {
color: #4781D1; color: #4781d1;
border: 2px solid #4781D1; border: 2px solid #4781d1;
} }
`; `;