mirror of
https://github.com/Unleash/unleash.git
synced 2025-07-26 13:48:33 +02:00
fix: fix hover on release template card (#9721)
For some reason, using template literals do not work after its in enterprise repo. I will try something that matches more over codebase style.
This commit is contained in:
parent
1e027dcf4f
commit
45a0ddd2a5
@ -31,6 +31,7 @@ const HoverButtonsContainer = styled('div')(({ theme }) => ({
|
||||
display: 'flex',
|
||||
gap: theme.spacing(1),
|
||||
opacity: 0,
|
||||
transition: 'opacity 0.1s ease-in-out',
|
||||
}));
|
||||
|
||||
const StyledCard = styled('div')(({ theme }) => ({
|
||||
@ -49,13 +50,12 @@ const StyledCard = styled('div')(({ theme }) => ({
|
||||
textAlign: 'left',
|
||||
overflow: 'hidden',
|
||||
position: 'relative',
|
||||
[`&:hover ${CardContent}, &:focus-within ${CardContent}`]: {
|
||||
'&:hover .cardContent, &:focus-within .cardContent': {
|
||||
opacity: 0.5,
|
||||
},
|
||||
[`&:hover ${HoverButtonsContainer}, &:focus-within ${HoverButtonsContainer}`]:
|
||||
{
|
||||
opacity: 1,
|
||||
},
|
||||
'&:hover .buttonContainer, &:focus-within .buttonContainer': {
|
||||
opacity: 1,
|
||||
},
|
||||
}));
|
||||
|
||||
const StyledTopRow = styled('div')(({ theme }) => ({
|
||||
@ -90,7 +90,7 @@ export const FeatureReleasePlanCard = ({
|
||||
|
||||
return (
|
||||
<StyledCard>
|
||||
<CardContent>
|
||||
<CardContent className='cardContent'>
|
||||
<StyledTopRow>
|
||||
<StyledIcon>
|
||||
<Icon />
|
||||
@ -112,7 +112,7 @@ export const FeatureReleasePlanCard = ({
|
||||
</Truncator>
|
||||
</CardContent>
|
||||
|
||||
<HoverButtonsContainer>
|
||||
<HoverButtonsContainer className='buttonContainer'>
|
||||
<Button
|
||||
variant='contained'
|
||||
size='small'
|
||||
|
Loading…
Reference in New Issue
Block a user