fix: [Mailbox sync lost banner] Banner overlapping the filters (#13808)

Ignore `undefined` in the banner. I commented out the check for testing
purpose.


https://github.com/user-attachments/assets/f18b918b-b70b-4120-be36-96ba190c99be



/closes #13628

Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
neo773
2025-08-12 13:47:25 +02:00
committed by GitHub
co-authored by Charles Bochet
parent be8af1eb29
commit d316f7edb9
@@ -6,10 +6,6 @@ import {
} from 'twenty-ui/display';
import { Button } from 'twenty-ui/input';
const StyledBanner = styled(Banner)`
position: absolute;
`;
const StyledText = styled.div`
overflow: hidden;
text-overflow: ellipsis;
@@ -32,7 +28,7 @@ export const InformationBanner = ({
isButtonDisabled?: boolean;
}) => {
return (
<StyledBanner variant={variant}>
<Banner variant={variant}>
<StyledText>{message}</StyledText>
{buttonTitle && buttonOnClick && (
<Button
@@ -45,6 +41,6 @@ export const InformationBanner = ({
disabled={isButtonDisabled}
/>
)}
</StyledBanner>
</Banner>
);
};