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:
@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user