wagtail icon indicating copy to clipboard operation
wagtail copied to clipboard

Grey background when editing a short page/snippet and a message is shown

Open laymonage opened this issue 3 years ago • 2 comments

Issue Summary

When editing a page or snippet that has a short content so that the whole form takes less space than the available vertical viewport space, and a message from Django's messages framework is shown on the page, a grey background can be seen at the bottom of the page:

image

Seems to be caused by leftover styles for .content-wrapper in _grid.legacy.scss:

https://github.com/wagtail/wagtail/blob/1af0815af0baaca801e2a09169d461a259f731ea/client/scss/components/_grid.legacy.scss#L30-L39

Steps to Reproduce

  1. Make sure your screen height is big enough (you can use DevTools with smaller zoom levels to simulate this)
  2. Spin up bakerydemo
  3. Create a Standard page
  4. Fill the title and hit save
  5. Scroll to the bottom

Any other relevant information. For example, why do you consider this a bug and what did you expect to happen instead?

The page editor should have a consistent background colour (white).

  • I have confirmed that this issue can be reproduced as described on a fresh Wagtail project: Yes

laymonage avatar Nov 14 '22 16:11 laymonage

Not sure how necessary this is, but I'm adding this to 4.1.2 milestone anyway.

laymonage avatar Nov 14 '22 16:11 laymonage

See also potentially related issues.

https://github.com/wagtail/wagtail/issues/9199 https://github.com/wagtail/wagtail/issues/8664

lb- avatar Nov 14 '22 19:11 lb-