Medium: Panel Spacing and Shadows

[PhilBarrett]

Dashboard widgets should be spaced slightly further apart and shadows should be applied to the outer panel’s div element.

Would recommend increasing the padding of the outer element from 8px to 15px as shown:

Apply a box shadow to the panels I think the following would be about right:

[BogdanScherban]

@simongamester

Simon, could you please provide us with screenshots of panels, where we have to add it.

[simongamester]

@BogdanScherban Here's an example of a panel and the DIV we'd like to apply spacing:

Here's the inner DIV where we'd like to apply shadows.

I'm assuming all 'panels' use the same styles, however anything with a green header and white box should adopt the same shadow styling, so this would also include panels containing tables views or records and forms.

[BogdanScherban]

@simongamester

Simon, should it be done ONLY for Showcase? Or for all other projects (Helm, London, Nes) too.

In any case this issue need 0.25-0.5 h

[kuvakina]

@tony-shannon @PhilBarrett @simongamester

Bogdan added Panel Spacing and Shadows:

[simongamester]

@BogdanScherban The DIV containing panels also appears to now have a border, see screen...

This means that a line now appears below panels.

Here's the div which I think has the padding applied.

Also, the shadows should be applied to ALL panels through the system. This should not just include widgets as shown above but also panels containg table lists and and record information.

[simongamester]

@BogdanScherban I've just spotted another issue with the panels, which may be related to this Issue: The Create panels for Procedures, Transfers of Care, and Vitals appear to have no white background and no borders, see below...

[BogdanScherban]

@simongamester

This issue has been done: https://drive.google.com/file/d/1TCDSq7fWhUXWlM-2mgNo7Jl3MZVjFhEb/view

[simongamester]

@BogdanScherban I can see you've added the white backgrounds, however the borders are still missing.

[BogdanScherban]

@simongamester

Sorry, Simon. Probably, I sent old video. Look:

[simongamester]

Thanks @BogdanScherban, looks good.

@PhilBarrett ok to mark as resolved.