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-size: 16px;
border-radius: 50%;
color: ${props => props.focused ? '#4781D1' : '#333'};
color: ${(props) =>
props.disabled ? "#A3A9AE" : props.focused ? "#4781D1" : "#333"};
border: 2px solid;
border-color: ${props => props.focused ? '#4781D1' : 'transparent'};
border-color: ${(props) => (props.focused ? "#4781D1" : "transparent")};
background-color: transparent;
width: ${props => props.big ? '60px' : '40px'};
height: ${props => props.big ? '60px' : '40px'};
width: ${(props) => (props.big ? "60px" : "40px")};
height: ${(props) => (props.big ? "60px" : "40px")};
display: inline-flex;
justify-content: center;
align-items: center;
:hover {
cursor: pointer;
background: #f3f4f4;
cursor: ${(props) => (props.disabled ? "default" : "pointer")};
background: ${(props) => (props.disabled ? "transparent" : "#f3f4f4")};
}
:focus{
color: #4781D1;
border: 2px solid #4781D1;
:focus {
color: #4781d1;
border: 2px solid #4781d1;
}
`;