Followup for #3541027: UX and styling improvements for Templates menu and sidebar components
>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3545855. --> Reported by: [hooroomoo](https://www.drupal.org/user/3688872) Related to !80 >>> <h3 id="overview">Overview</h3> <p><em>Descoped from <span class="drupalorg-gitlab-issue-link drupalorg-gitlab-link-wrapper"><a href="https://git.drupalcode.org/project/canvas/-/work_items/3541027" class="drupalorg-gitlab-link">https://git.drupalcode.org/project/canvas/-/work_items/3541027</a></span>.</em></p> <ol> <li>Add styling from designs to the modal.<br> <img src="https://www.drupal.org/files/issues/2025-09-10/Screenshot%202025-09-10%20at%206.34.07%E2%80%AFPM_0.png" alt="modal"> </li><li>The code currently renders a button inside of a button which throws a console warning because we are not allowed to nest buttons. May want design input on how we want to fix this. It is the ellipsis button on hover inside of our accordion.<br> <img src="https://www.drupal.org/files/issues/2025-09-10/Screenshot%202025-09-10%20at%206.37.36%E2%80%AFPM.png" alt="button inside button"> </li><li>UX: Currently in the modal, if the user already added the Full template (which is all we are supporting at the moment) then the entire dropdown gets disabled. This could be confusing for users who are wondering why its disabled. If there is no more template to add for a given bundle, maybe we can maybe show a message like "No more available templates to add". Or on hover of the disabled dropdown we can show that message? </li><li>Address bug where if a user deletes a template, and then they open the modal, the modal doesn't list the full template as an option. I believe we just need to invalidate the cache tag of <code>type: ViewModes</code> in RTK <code>componentAndLayout.ts </code> so the modal dropdown can refresh when <code>deleteContentTemplate</code> </li><li>Sidebar component-related improvements</li> <p>see Gitlab MR description</p> </ol> <h3 id="proposed-resolution">Proposed resolution</h3> <h3 id="ui-changes">User interface changes</h3> > Related issue: [Issue #3541027](https://www.drupal.org/node/3541027) > Related issue: [Issue #3541000](https://www.drupal.org/node/3541000)
issue