Blocknote editor fix (#11823)

After reading the blocknote documentation :

- we decided to increase to 100% the lines width
- we decided to reduce as much as possible inner padding
- we decided it's on the parent to decide the padding of the richtext
The two last points are recommended in a discussion on the project
blocknote. This way clicking on padding won't trigger weird behaviour on
Chrome.

Fixes
https://github.com/twentyhq/core-team-issues/issues/827#issuecomment-2842350359
This commit is contained in:
Guillim
2025-05-05 17:22:49 +02:00
committed by GitHub
parent a9e73c6340
commit da0c7e679e
4 changed files with 18 additions and 5 deletions

View File

@ -5,7 +5,10 @@ import { useRecoilValue } from 'recoil';
import { viewableRichTextComponentState } from '../states/viewableRichTextComponentState';
const StyledContainer = styled.div`
box-sizing: border-box;
margin: ${({ theme }) => theme.spacing(4)} ${({ theme }) => theme.spacing(-2)};
padding-inline: 44px 0px;
width: 100%;
`;
export const CommandMenuEditRichTextPage = () => {