fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-02 02:38:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix panel docking bugs and polish its behavior (#4087)

Browse Source 
* Fix panel docking bugs and polish its behavior

* Fix bug
This commit is contained in:
Keavon Chambers
2026-05-01 17:02:10 +00:00
committed by Timon
parent 4c1974c200
commit 83d03ad67d
14 changed files with 417 additions and 255 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/panels/Properties.svelte
+4 -19
View File
@@ -1,30 +1,15 @@
<script lang="ts">
import { getContext, onMount, onDestroy } from "svelte";
import { getContext } from "svelte";
import LayoutCol from "/src/components/layout/LayoutCol.svelte";
import WidgetLayout from "/src/components/widgets/WidgetLayout.svelte";
import type { SubscriptionsRouter } from "/src/subscriptions-router";
import { patchLayout } from "/src/utility-functions/widgets";
import type { Layout } from "/wrapper/pkg/graphite_wasm_wrapper";
import type { PortfolioStore } from "/src/stores/portfolio";
const subscriptions = getContext<SubscriptionsRouter>("subscriptions");
let propertiesPanelLayout: Layout = [];
onMount(() => {
subscriptions.subscribeLayoutUpdate("PropertiesPanel", (data) => {
patchLayout(propertiesPanelLayout, data);
propertiesPanelLayout = propertiesPanelLayout;
});
});
onDestroy(() => {
subscriptions.unsubscribeLayoutUpdate("PropertiesPanel");
});
const portfolio = getContext<PortfolioStore>("portfolio");
</script>
<LayoutCol class="properties">
<LayoutCol class="sections" scrollableY={true}>
<WidgetLayout layout={propertiesPanelLayout} layoutTarget="PropertiesPanel" />
<WidgetLayout layout={$portfolio.propertiesPanelLayout} layoutTarget="PropertiesPanel" />
</LayoutCol>
</LayoutCol>