Files
twenty/front/src/modules/ui/tooltip/AppTooltip.tsx
Lucas Bordeau 7670ae5638 Added tooltip on overflowing texts (#771)
* Ok

* Fixes

* Fix according to PR

* Fix lint

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
2023-07-19 21:23:42 -07:00

19 lines
556 B
TypeScript

import { Tooltip } from 'react-tooltip';
import styled from '@emotion/styled';
export const AppTooltip = styled(Tooltip)`
background-color: ${({ theme }) => theme.background.primary};
box-shadow: ${({ theme }) => theme.boxShadow.light};
color: ${({ theme }) => theme.font.color.primary};
font-size: ${({ theme }) => theme.font.size.sm};
font-weight: ${({ theme }) => theme.font.weight.regular};
max-width: 40%;
padding: ${({ theme }) => theme.spacing(2)};
word-break: break-word;
z-index: ${({ theme }) => theme.lastLayerZIndex};
`;