When the ghost property is set to true, the header style of nested panels becomes distorted, adding an unwanted right border to the header.
Previously, the ghost style did not apply a top border to the header, but now it does, causing layout issues where the ghost panel is used.
The panel label becomes slightly misaligned to the left when the ghost style is applied.
The top and bottom borders of the panel are misaligned, starting slightly to the right.
The background color and body background color settings are incorrectly applied to child elements in the designer interface.
The hide top bar setting is unexpectedly inherited by child elements.
Steps to Reproduce:
Create a nested panel structure (e.g., Panel5, Panel6, etc.).
Set the ghost property to true for these panels.
Observe the header styling, particularly the left border and label alignment.
Set a background color or body background color.
Observe the child elements inheriting the background color.
Enable the hide top bar option and note that the children inherits the layout
Expected Behavior:
The ghost style should not add any right borders to the header on the child panels, ensuring the layout remains consistent and there is no unexpected top or right border to both parent and child panels
When the ghost style is applied, the panel label should remain aligned properly and should not shift to the left.
The top and bottom borders of the panel should be aligned correctly, with no misalignment or offset starting from the right.
The background color and body background color settings should only apply to the panel and should not affect child elements within the designer interface.
The hide top bar setting should not be inherited by child elements and should only apply to the panel itself.
Screenshots
v0.40
On function
![Uploading image.png…]()
![Uploading image.png…]()
![Uploading image.png…]()
Description:
When the
ghost
property is set totrue
, the header style of nested panels becomes distorted, adding an unwanted right border to the header.Steps to Reproduce:
Panel5
,Panel6
, etc.).ghost
property totrue
for these panels.Expected Behavior:
ghost
style should not add any right borders to the header on the child panels, ensuring the layout remains consistent and there is no unexpected top or right border to both parent and child panelsThe hide top bar setting should not be inherited by child elements and should only apply to the panel itself.
Screenshots v0.40
On function ![Uploading image.png…]() ![Uploading image.png…]() ![Uploading image.png…]()
Related to : #699