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

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

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

8
frontend/src/component/filter/AddFilterButton.tsx
View File

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