Skip to content

First row below the header in Primer::Beta::Box has rounded corners  #2684

@HDinger

Description

@HDinger

Version

0.19.0

Steps to reproduce

e.g.

render(Primer::Beta::BorderBox.new) do |component|
  component.with_header { "Header" }
  component.with_body { "Body" }
  component.with_row { "Row one" }
  component.with_row { "Row two" }
end

Actual behavior

  • The row has additional round corners at the top which looks weird because the header (or the body) is directly at the top:
Bildschirmfoto 2024-03-11 um 14 08 54 Bildschirmfoto 2024-03-11 um 14 09 18
  • This becomes especially obvious in the high contrast themes
  • The same issue appears when there is a body used but no footer:
Bildschirmfoto 2024-03-12 um 08 57 25

Expected behavior

  • There should be no rounded corners if a header (or a body) is defined.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingrails

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions