0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Show close icon on hover (#2034)

Browse source 
* show close icon on hover

* style changes to avoid repeating styles
This commit is contained in:
Robert Azizbekyan 2022-05-30 11:24:06 +04:00 • committed by GitHub
parent 8393232a83
commit cc109a7125
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
kafka-ui-react-app/src/components/common/MultiSelect/MultiSelect.styled.ts
View file

@ -8,7 +8,6 @@ const MultiSelect = styled(ReactMultiSelect)<{ minWidth?: string }>`
& > .dropdown-container {
height: 32px;
* {
cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};
}
@ -17,6 +16,14 @@ const MultiSelect = styled(ReactMultiSelect)<{ minWidth?: string }>`
height: 32px;
color: ${({ disabled, theme }) =>
disabled ? theme.select.color.disabled : theme.select.color.active};
& > .clear-selected-button {
display: none;
}
&:hover {
& > .clear-selected-button {
display: block;
}
}
}
}
`;