Because .messages-list uses bottom padding, it takes away the ability to collapse margins with elements beneath it. For example, on admin/config/media/file-system, when a message is present, there is more space between the message and the page content due to the combination of bottom padding and the margin-top of the first .form-item

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

bnjmnm created an issue. See original summary.

fhaeberle’s picture

Issue tags: +Novice
huzooka’s picture

Component: Code » User interface
pzajacz’s picture

I removed the padding-bottom from message-list, so it fixes the bug, but it needs more accurate testing on other admin pages.

pzajacz’s picture

fhaeberle’s picture

@pzajacz Thank you very much for your contribution! I reviewed this and simply removing the padding isn't enough because it's needed and defined here in the design spec.

Because this is implemented with padding, it (the margin) doesn't collapse and this results in the adding of the padding to the margin of the element beneath it as @bnjmnm describes in the issue summary. I also guess that this bottom spacing never works for js added messages because it was missed in the implementation. I tried to fix both problems :)

  • lauriii committed d589038 on 8.x-2.x
    Issue #3082694 by pzajacz, fhaeberle, bnjmnm: Extra space between...

  • lauriii committed 974607a on 8.x-1.x
    Issue #3082694 by pzajacz, fhaeberle, bnjmnm: Extra space between...
lauriii’s picture

Status: Needs review » Fixed
FileSize
372 bytes

Thank you! Looks good. I added a todo referencing to #3078400: Remove hard coded messages markup and attached interdiff for that.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.