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

Web: Common: fixed

Browse Source
This commit is contained in:
Viktor Fomin 2021-07-07 11:05:18 +03:00
parent a9ed86fee7
commit 04173a1426
1 changed files with 25 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
packages/asc-web-common/components/FilterInput/StyledFilterInput.js
View File

@ -140,37 +140,35 @@ const StyledFilterInput = styled.div`
`;
export const StyledViewSelector = styled.div`
border: 1px solid ${(props) => (props.isDisabled ? "#ECEEF1" : "#D0D5DA")};
border-radius: 3px;
padding: 7px;
${(props) => props.isDisabled && "background-color: #F8F9F9;"}
border: 1px solid ${(props) => (props.isDisabled ? "#ECEEF1" : "#D0D5DA")};
border-radius: 3px;
padding: 7px;
${(props) => props.isDisabled && "background-color: #F8F9F9;"}
svg {
pointer-events: none;
}
svg {
pointer-events: none;
}
&.active {
background-color: #a3a9ae;
border-color: #a3a9ae;
}
&.active {
background-color: #a3a9ae;
border-color: #a3a9ae;
}
&:hover {
${(props) => !props.isDisabled && "background-color: #A3A9AE;"}
${(props) => !props.isDisabled && "border-color: #A3A9AE;"}
}
&:hover {
${(props) => !props.isDisabled && "background-color: #A3A9AE;"}
${(props) => !props.isDisabled && "border-color: #A3A9AE;"}
}
&:first-child {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&:first-child {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&:last-child {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
&:last-child {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
`;
@ -266,7 +264,7 @@ export const StyledHideFilterButton = styled.div`
align-items: center;
font-weight: 600;
font-size: 16px;
height: 100%;
height: 25.22px;
border: 1px solid #eceef1;
border-radius: 3px;
background-color: #f8f9f9;
@ -282,10 +280,6 @@ export const StyledHideFilterButton = styled.div`
:active {
background-color: ${(props) => (props.isDisabled ? "#F8F9F9" : "#ECEEF1")};
}
@media (max-width: 375px) {
height: 25px;
}
`;
export const StyledIconButton = styled.div`