Skip to content

White gaps in modals because of border radius #28585

@sstativa

Description

@sstativa

This is not critical and easy to fix but I suppose it should work right out of the box.

If you set a dark background color to the modal-header there will be white space between the border of mobile-content and modal-header.

This is a zoomed example:
Screen Shot 2019-04-01 at 17 18 24

There are several options to fix but I'm not sure which one is the best.

For now, I use this "fix"

.modal-content {
  overflow: hidden;
}

.modal-header {
  border-radius: 0;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions