1
0
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:
Jaanus Sellin 2025-04-08 15:55:07 +03:00 committed by GitHub
parent 1e027dcf4f
commit 45a0ddd2a5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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'