ls1intum / Apollon

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

`General`: Reduce Sidebar Width #350

Closed matthiaslehnertum closed 3 months ago

matthiaslehnertum commented 3 months ago

This pull request reduces the width of Apollon's element sidebar to allow for more diagram editing space.

Checklist

Motivation and Context

This change was made to occupy less space with Apollon's element sidebar especially when the editor is integrated into the Artemis Learning Management System.

Description

The elements in the element sidebar are scaled by a factor of 0.8 via CSS transform. This scaling matches the default zoom level used by the editors element canvas.

Steps for Testing

Test Coverage

File Branch Line

Screenshots

Prior sidebar size:

Screenshot 2024-04-10 at 23 22 27Screenshot 2024-04-10 at 23 22 16

Reduced sidebar size: Screenshot 2024-04-11 at 09 04 56Screenshot 2024-04-11 at 09 04 45