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

@ -23,9 +23,12 @@ export type RichTextFieldInputProps = {
const StyledContainer = styled.div`
background-color: ${({ theme }) => theme.background.primary};
width: 480px;
padding: ${({ theme }) => theme.spacing(2)};
margin: 0 0 0 ${({ theme }) => theme.spacing(-6)};
padding: ${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(2)}
${({ theme }) => theme.spacing(2)} ${({ theme }) => theme.spacing(12)};
margin: 0 0 0 ${({ theme }) => theme.spacing(-5)};
display: flex;
box-sizing: border-box;
position: relative;
`;
const StyledCollapseButton = styled.div`