Skip to content

Improve margins and editable width for fullscreen #18470

@Dumluregn

Description

@Dumluregn

📝 Provide a description of the improvement

  1. Margin on editable should be set to 0. Without it, some non-fullscreen styling can accidentally influence the fullscreen layout. In https://ckeditor.com/docs/ckeditor5/latest/examples/builds-custom/collaborative-document-editor.html, the top and right margins are too big.

Actual:

Image

Image

Expected:

Image

Image

  1. Max-width should also be specified for the same reasons. In https://ckeditor.com/docs/ckeditor5/latest/examples/builds-custom/collaborative-document-editor.html (again) editable has a max-width hardcoded to 210mm and box-sizing: border-box set which doesn't take into account 2px for border and making the editable in fullscreen 2px smaller than in e.g. https://ckeditor.com/docs/ckeditor5/latest/examples/builds-custom/full-featured-editor.html.

📃 Other details

  • Browser: …
  • OS: …
  • CKEditor version: …
  • Installed CKEditor plugins: …

If you'd like to see this improvement implemented, add a 👍 reaction to this post.

Metadata

Metadata

Assignees

Labels

package:fullscreensquad:collaborationIssue to be handled by the Collaboration team.type:improvementThis issue reports a possible enhancement of an existing feature.

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions