Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

updated style of multiple dropdown as v2 (#8433)

Browse Source
This commit is contained in:
haojin111 2021-10-19 08:33:30 +03:00 committed by GitHub
parent 4bc370c3d8
commit 8f32a6dba3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
app/client/src/components/ads/MultiselectDropdown.tsx
View File

@ -119,11 +119,29 @@ const MultiOptionWrapper = styled(OptionWrapper)`
background-color: transparent;
.${Classes.MULTI_SELECT_BOX} {
background-color: ${(props) =>
props.selected ? Colors.DANUBE : "transparent"};
border-color: ${(props) =>
props.selected
? Colors.DANUBE
: props.theme.colors.propertyPane.jsIconBg};
props.selected ? props.theme.colors.info.main : "transparent"};
border: 1.8px solid
${(props) =>
props.selected
? props.theme.colors.info.main
: props.theme.colors.checkbox.unchecked};
&::after {
content: "";
position: absolute;
display: ${(props) => (props.selected ? "block" : "none")};
top: -1px;
left: 2.5px;
width: 5px;
height: 10px;
border: solid
${(props) =>
props.selected
? props.theme.colors.checkbox.normalCheck
: "transparent"};
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
}
`;
@ -131,8 +149,8 @@ const SquareBox = styled.div`
width: 14px;
height: 14px;
margin-right: 8px;
border: 1px solid;
box-sizing: border-box;
position: relative;
`;
export type DropdownOption = {