Web: Common: fixed
This commit is contained in:
parent
a9ed86fee7
commit
04173a1426
@ -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`
|
||||
|
Loading…
Reference in New Issue
Block a user