`Development`: Fix alignment of elements to grid issue - Githubissues

ls1intum / Apollon

UML Modeling Editor written in React

https://apollon-library.readthedocs.io

MIT License

65 stars 22 forks source link

`Development`: Fix alignment of elements to grid issue #273

Closed minrows closed 1 year ago

minrows commented 1 year ago

Checklist

[x] I added multiple screenshots/screencasts of my UI changes

Motivation and Context

This PR fixes the issue of elements not aligning perfectly on the grid.

Changes include:

Set the default scale factor of Apollon to 0.8 instead of 0.75
Set the moving/resizing factor of elements to 10 (previous value: 20)
Fix alignment issue with following elements:
1. Rectangle in syntax tree
2. Fork nodes
3. Terminal, Process and Function Call in Flow chart

Description

Apollon only supports scaling factors with numbers having one decimal place (0.7, 0.8, 1,...)

Steps for Testing

Clone the repo
Checkout to branch enhancement/scaling-fix
Execute commands: yarn install, followed by yarn start
Observe all the elements (especially the one mentioned above) are aligned perfectly with the grid.

Screenshots

Before

After