1
0
mirror of https://github.com/Unleash/unleash.git synced 2025-05-26 01:17:00 +02:00

feat: now tooltip will not be over the main content (#8714)

Now when pressing on new feature or import button, the tooltip will stay
in background.
This commit is contained in:
Jaanus Sellin 2024-11-12 10:30:34 +02:00 committed by GitHub
parent 76b7b247fc
commit 920c3e66cd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -20,6 +20,10 @@ const StyledButton = styled(Button)(({ theme }) => ({
height: theme.spacing(3.75),
}));
const StyledHtmlTooltip = styled(HtmlTooltip)(({ theme }) => ({
zIndex: 1200,
}));
const StyledIconContainer = styled(Box)(({ theme }) => ({
display: 'flex',
alignItems: 'center',
@ -109,7 +113,7 @@ export const AddFilterButton = ({
return (
<div>
{showArchiveTooltip ? (
<HtmlTooltip
<StyledHtmlTooltip
placement='right'
arrow
title={<ArchiveTooltip />}
@ -119,7 +123,7 @@ export const AddFilterButton = ({
<StyledButton onClick={handleClick} startIcon={<Add />}>
Add Filter
</StyledButton>
</HtmlTooltip>
</StyledHtmlTooltip>
) : (
<StyledButton onClick={handleClick} startIcon={<Add />}>
Add Filter