shesha-io / shesha-framework

An open-source Low-Code development framework for .NET developers. Create .NET based business applications with 80% less code.
https://shesha.io
Apache License 2.0
384 stars 75 forks source link

Nested panel header style distortion when ghost property is true #2476

Open Tshepiso-R opened 1 day ago

Tshepiso-R commented 1 day ago

Description:

When the ghost property is set to true, the header style of nested panels becomes distorted, adding an unwanted right border to the header.


Steps to Reproduce:

  1. Create a nested panel structure (e.g., Panel5, Panel6, etc.).
  2. Set the ghost property to true for these panels.
  3. Observe the header styling, particularly the left border and label alignment.
  4. Set a background color or body background color.
  5. Observe the child elements inheriting the background color.
  6. Enable the hide top bar option and note that the children inherits the layout

Expected Behavior:

Screenshots v0.40 image

On function image ![Uploading image.png…]() ![Uploading image.png…]() ![Uploading image.png…]()

Related to : #699