Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-07-26 13:48:33 +02:00
Code Issues Projects Releases Wiki Activity

fix: fix hover on release template card (#9721)

Browse Source 
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
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/component/feature/FeatureStrategy/FeatureStrategyMenu/FeatureReleasePlanCard/FeatureReleasePlanCard.tsx
View File

@ -31,6 +31,7 @@ const HoverButtonsContainer = styled('div')(({ theme }) => ({
display: 'flex', display: 'flex',
gap: theme.spacing(1), gap: theme.spacing(1),
opacity: 0, opacity: 0,
transition: 'opacity 0.1s ease-in-out',
})); }));
const StyledCard = styled('div')(({ theme }) => ({ const StyledCard = styled('div')(({ theme }) => ({
@ -49,13 +50,12 @@ const StyledCard = styled('div')(({ theme }) => ({
textAlign: 'left', textAlign: 'left',
overflow: 'hidden', overflow: 'hidden',
position: 'relative', position: 'relative',
[`&:hover ${CardContent}, &:focus-within ${CardContent}`]: { '&:hover .cardContent, &:focus-within .cardContent': {
opacity: 0.5, opacity: 0.5,
}, },
[`&:hover ${HoverButtonsContainer}, &:focus-within ${HoverButtonsContainer}`]: '&:hover .buttonContainer, &:focus-within .buttonContainer': {
{ opacity: 1,
opacity: 1, },
},
})); }));
const StyledTopRow = styled('div')(({ theme }) => ({ const StyledTopRow = styled('div')(({ theme }) => ({
@ -90,7 +90,7 @@ export const FeatureReleasePlanCard = ({
return ( return (
<StyledCard> <StyledCard>
<CardContent> <CardContent className='cardContent'>
<StyledTopRow> <StyledTopRow>
<StyledIcon> <StyledIcon>
<Icon /> <Icon />
@ -112,7 +112,7 @@ export const FeatureReleasePlanCard = ({
</Truncator> </Truncator>
</CardContent> </CardContent>
<HoverButtonsContainer> <HoverButtonsContainer className='buttonContainer'>
<Button <Button
variant='contained' variant='contained'
size='small' size='small'