ls1intum / Apollon

UML Modeling Editor written in React
https://apollon-library.readthedocs.io
MIT License
65 stars 22 forks source link

`Development`: Fix issue with styling of interactive elements #257

Closed minrows closed 2 years ago

minrows commented 2 years ago

Checklist

Motivation and Context

This PR fixes issues with the styling of elements in interactive mode. This feature is used in Artemis while creating a drag/drop Model Quiz.

Description

Elements are now highlighted accordingly while hovering/selecting elements in interactive mode.

Steps for Testing

  1. Clone the repo
  2. Checkout to bugfix/interactive-elements-fix branch
  3. Start the application by executing yarn install followed by yarn start command.
  4. Insert few elements in the canvas and switch to interactive mode by clicking on "interactive" button (as illustrated in screenshot section)
  5. Make sure that all the elements are highlighted properly while hovering and selecting/deselecting them.

Screenshots

Before

screen-capture (17)

After

screen-capture (18)