Re-structure the toolbar
>>> [!note] Migrated issue
<!-- Drupal.org comment -->
<!-- Migrated from issue #3576267. -->
Reported by: [jurgenhaas](https://www.drupal.org/user/168924)
Related to !69 !49
>>>
<h3 id="summary-problem-motivation">Problem/Motivation</h3>
<ul>
<li>Goal: far less icons and more intuitive arrangements</li>
<li>The "Add event" button should not be alarming, it should be light blue, so that the only primary button is "Save"</li>
<li>Put the search bar right next to that button, without the need to open it with a button first</li>
<li>Reduce the buttons on the right to "Docs", "Save", a menu, and the close button</li>
<li>Settings, export, dark/light mode go into the menu</li>
<li>A secondary toolbar (visually transparent) goes onto the top of the canvas, same height as the headers in the panels</li>
<li>Zoom buttons go to the right, view drop-down goes to the left</li>
<li>Lock, annotation, order indication, all get removed, no longer required</li>
<li>The mini-canvas should always be visible, suggested in the bottom-left corner</li>
</ul>
<p>A few things are not finally decided yet and need clarification:</p>
<ul>
<li>Where does the context drop-down go? I've moved it down to the secondary toolbar for now as well.</li>
<li>The lock feature is probably redundant; I suggest we remove that entirely</li>
<li>There are 2 icons for fullsize/restore and sometimes one for minimize. Need to discuss if and when they should be available. For now, I kept them in the top right toolbar.</li>
<li>The light "Add event" button has color contrast issues and isn't a11y compliant. I've left it at the primary color for now, needs more thoughts.</li>
<li>Also kept the copy/paste icons and the undo/redo icons on the right of the secondary toolbar</li>
<li>The height of the secondary toolbar is currently smaller than panel headers. Let's discuss which way to go</li>
<li>I also left the icon for the documentation button since that's consistent with the other places where we use that same icon for documentation links. Let's discuss if we should really change that one icon to "Doc" - not to foget that this would then have to be localized</li>
<li>Or maybe, the documentation button should also go into the menu?</li>
<li>Potential issue with the icons in the secondary toolbar: when we pan the canvas such that events or actions will be moved to that region, icons will overlap those elements. That doesn't feel right, and we should decide on how to handle that.</li>
</ul>
<h4 id="summary-steps-reproduce">Steps to reproduce</h4>
<h3 id="summary-proposed-resolution">Proposed resolution</h3>
<h3 id="summary-remaining-tasks">Remaining tasks</h3>
<h3 id="summary-ui-changes">User interface changes</h3>
<h3 id="summary-api-changes">API changes</h3>
<h3 id="summary-data-model-changes">Data model changes</h3>
issue