hivemq / hivemq-edge

HiveMQ Edge is an MQTT gateway that enables interoperability between OT devices and IT systems. It translates diverse protocols into MQTT for streamlined communication and helps organize data into a unified namespace, making managing and streaming data across your infrastructure easier.
http://hivemq.com
Apache License 2.0
104 stars 23 forks source link

refactor(19824): Fix the UX flow in the designer toolbox #370

Closed vanch3d closed 5 months ago

vanch3d commented 5 months ago

See https://hivemq.kanbanize.com/ctrl_board/57/cards/19824/details/

The PR improves the user experience of the Designer toolbar, making the create/check/publish flow much easier to understand and use.

The icons have been redesigned and the rendering of the "expand" icon for the toolbox button improved.

The PR also relocates the CTA button for "new draft" to its natural location on the top of the page. This is to abide by the design style but also to remove the ambiguity of the CTA splitting the table body from the navigation panel,

Before

screenshot-localhost_3000-2024 04 11-17_20_30

After

screenshot-localhost_3000-2024 04 11-17_19_48

screenshot-localhost_3000-2024 04 12-09_52_44