>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3341143. --> Reported by: [ambient.impact](https://www.drupal.org/user/1131532) Related to !31 !10 >>> <p>This is the companion issue to <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/config_enforce_devel/issues/3188474" title="Status: Closed (fixed)">#3188474: Move the config_enforce form to an off-canvas dialog</a></span> because a lot of the form code is actually in Config Enforce, with Config Enforce Devel extending and building on top of said form code.</p> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>See <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/config_enforce_devel/issues/3188474" title="Status: Closed (fixed)">#3188474: Move the config_enforce form to an off-canvas dialog</a></span></p> <h4 id="summary-steps-reproduce">Steps to reproduce</h4> <p>Use eyeballs.</p> <h3 id="summary-proposed-resolution">Proposed resolution</h3> <p>Phase 1 in the the 1.0.x branch is to move the floating window into the normal flow of the parent form and wrap it in a <a href="https://api.drupal.org/api/drupal/core%21lib%21Drupal%21Core%21Render%21Element%21Details.php/class/Details">a <code>'#type' =&gt; 'details'</code></a> along with some other minor improvements (such as adding an icon).</p> <p>Phase 2 will be in the 2.x branch where we'll refactor it as a standalone form that's progressively enhanced in a Drupal dialog opened and submitted via Ajax.</p> <h3 id="summary-remaining-tasks">Remaining tasks</h3> <p>TBD.</p> <h3 id="summary-ui-changes">User interface changes</h3> <p>Here are some work in progress screenshots. First is with the details element collapsed (the default on loading a form):</p> <p><img src="https://www.drupal.org/files/issues/2023-02-12/config_enforce-3341143-system.site-collapsed.png" width="1898" height="972" alt="A screenshot of the Basic site settings administration page with the Config Enforce details element (closed) at the top of the form."></p> <p>Here it is expanded:</p> <p><img src="https://www.drupal.org/files/issues/2023-02-13/config_enforce-3341143-7-system.site-expanded.png" width="1898" height="972" alt="A screenshot of the Basic site settings administration page with the Config Enforce details element (expanded) at the top of the form."></p> <p>And yes, it works correctly on right to left language direction as well:</p> <p><img src="https://www.drupal.org/files/issues/2023-02-12/config_enforce-3341143-system.site-rtl.png" width="1898" height="972" alt="A screenshot of the Basic site settings administration page with the Config Enforce details element at the top of the form in right-to-left language direction."></p> <p>See <span class="drupalorg-gitlab-issue-link project-issue-status-info project-issue-status-7"><a href="https://www.drupal.org/project/config_enforce_devel/issues/3188474" title="Status: Closed (fixed)">#3188474: Move the config_enforce form to an off-canvas dialog</a></span> for what it looks like when Config Enforce Devel is installed.</p> <h3 id="summary-api-changes">API changes</h3> <p>Hopefully none, but will probably deprecate a method or two used for the floaty form to be removed later.</p> <h3 id="summary-data-model-changes">Data model changes</h3> <p>None.</p> > Related issue: [Issue #3188474](https://www.drupal.org/node/3188474)