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

@ -44,9 +44,6 @@ const StyledEditor = styled.div`
width: 20px;
background: transparent;
}
& .bn-editor {
padding-inline: 44px;
}
& .bn-container .bn-drag-handle {
width: 20px;
height: 20px;
@ -69,6 +66,14 @@ const StyledEditor = styled.div`
left: 26px;
}
& .bn-editor {
padding-inline: 0px;
}
& .bn-inline-content {
width: 100%;
}
& .bn-container .bn-suggestion-menu-item:hover {
background-color: blue;
}