Unhide Properties panel (#6652)

This pull request makes a minor UI adjustment to the node settings panel
in the `LGraphCanvas` class. The panel's position is now set to
absolute, with specific top and left offsets to improve its placement on
the canvas.

* Set the `panel` element's CSS `position` to `absolute` and specified
`top` and `left` values for better UI alignment in `LGraphCanvas.ts`.

## Old look
<img width="1920" height="1032" alt="Screenshot 2025-11-11 154519"
src="https://github.com/user-attachments/assets/d16e6715-d934-4269-82fd-221a166ffbf5"
/>


## New Look
<img width="1920" height="1032" alt="Screenshot 2025-11-11 160015"
src="https://github.com/user-attachments/assets/7c1b9baa-0d78-4623-8be0-f02a0452aae6"
/>


┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-6652-Unhide-Properties-panel-2a86d73d36508148bb0fd5568c3a007a)
by [Unito](https://www.unito.io)

---------

Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
Johnpaul Chiwetelu
2025-11-11 20:07:10 +01:00
committed by GitHub
parent 812f1797d5
commit 6541f5cda5
2 changed files with 4 additions and 0 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 96 KiB

View File

@@ -7629,6 +7629,7 @@ export class LGraphCanvas
root.content = root.querySelector('.dialog-content')
root.alt_content = root.querySelector('.dialog-alt-content')
root.footer = root.querySelector('.dialog-footer')
root.footer.style.marginTop = '-96px'
root.close = function () {
if (typeof root.onClose == 'function') root.onClose()
@@ -7831,6 +7832,9 @@ export class LGraphCanvas
panel.id = 'node-panel'
panel.node = node
panel.classList.add('settings')
panel.style.position = 'absolute'
panel.style.top = '96px'
panel.style.left = '65px'
const inner_refresh = () => {
// clear