Make modal padding match grid row padding across all breakpoints

[lyubomir-popov]

Component/pattern to amend

The modal's padding is set to a value of 16px, while the grid side padding ($grid-margin-width IIRC) changes on breakpoints. This makes it difficult to align stuff inside the modal with the page content underneath. What would help is to make sure the panel has the e xact same padding-left and padding right.

Visual

In the screenshot above, the underlying rows ion the page are highlgihted by the browser's visualisation. That's what we're trying to align and it proves a little tricky atm. Relevant pr:

Context

In what context does your amendment solve a problem?

[bartaz]

Modal completely covers the page, puts an overlay on top of it. The width of modal may differ from the width of the page on smaller screens. Does it really matter to align it to the grid that is not visible?

[bartaz]

@danielmutis @lyubomir-popov I'm not sure what are expected next steps for this?

[syncronize-issues-to-jira[bot]]

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-15286.

This message was autogenerated

[lyubomir-popov]

I think the request is valid. There are short modals, and you could see parts of the page under the fade.