Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

UI icons get bit blurry while scaling up the page zoom. #17510

Open
pszczesniak opened this issue Nov 21, 2024 · 0 comments · May be fixed by #17511
Open

UI icons get bit blurry while scaling up the page zoom. #17510

pszczesniak opened this issue Nov 21, 2024 · 0 comments · May be fixed by #17511
Assignees
@pszczesniak
Labels
domain:ui/ux This issue reports a problem related to UI or UX. package:ui squad:core Issue to be handled by the Core team. status:in-progress Set automatically when an issue lands in the "In progress" column. We are working on it. type:bug This issue reports a buggy (incorrect) behavior.

Comments

@pszczesniak
Copy link
Contributor

📝 Provide detailed reproduction steps (if any)

  1. Go to https://ckeditor.com/docs/ckeditor5/latest/examples/builds/classic-editor.html
  2. Zoom the page to 250%
  3. Take a look at the toolbar.

✔️ Expected result

Icons are sharp when zooming in.

Image

❌ Actual result

Image

❓ Possible solution

Remove will-change: transform property

ckeditor5/packages/ckeditor5-theme-lark/theme/ckeditor5-ui/components/icon/icon.css

Line 22 in e1e85cb

will-change: transform;

📃 Other details

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

If you'd like to see this fixed sooner, add a 👍 reaction to this post.
@pszczesniak pszczesniak added domain:ui/ux This issue reports a problem related to UI or UX. package:ui squad:core Issue to be handled by the Core team. type:bug This issue reports a buggy (incorrect) behavior. labels Nov 21, 2024
@pszczesniak pszczesniak self-assigned this Nov 21, 2024
@pszczesniak pszczesniak linked a pull request Nov 21, 2024 that will close this issue
Open
@CKEditorBot CKEditorBot added the status:in-progress Set automatically when an issue lands in the "In progress" column. We are working on it. label Nov 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@pszczesniak pszczesniak

Labels
domain:ui/ux This issue reports a problem related to UI or UX. package:ui squad:core Issue to be handled by the Core team. status:in-progress Set automatically when an issue lands in the "In progress" column. We are working on it. type:bug This issue reports a buggy (incorrect) behavior.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Stop blurry in the UI icons while zooming in the browser. ckeditor/ckeditor5
2 participants
@pszczesniak @CKEditorBot