Move side panel into correct DOM position

This commit is contained in:
Andrew Kingston 2024-08-14 10:16:01 +01:00
parent d36fef5c86
commit 83e7b2d3e2
No known key found for this signature in database
1 changed files with 16 additions and 14 deletions

View File

@ -322,20 +322,22 @@
<slot /> <slot />
</div> </div>
</div> </div>
</div> <div
<div id="side-panel-container"
id="side-panel-container" class:open={$sidePanelStore.open}
class:open={$sidePanelStore.open} use:clickOutside={autoCloseSidePanel
use:clickOutside={autoCloseSidePanel ? sidePanelStore.actions.close : null} ? sidePanelStore.actions.close
class:builder={$builderStore.inBuilder} : null}
> class:builder={$builderStore.inBuilder}
<div class="side-panel-header"> >
<Icon <div class="side-panel-header">
color="var(--spectrum-global-color-gray-600)" <Icon
name="RailRightClose" color="var(--spectrum-global-color-gray-600)"
hoverable name="RailRightClose"
on:click={sidePanelStore.actions.close} hoverable
/> on:click={sidePanelStore.actions.close}
/>
</div>
</div> </div>
</div> </div>
</div> </div>