Skip to content

Unnecessary border when CardList is embedded in a Section #7841

@mud

Description

@mud

Environment

  • Package version(s):
  • Operating System:
  • Browser name and version:

Code Sandbox

Link to a minimal repro (fork this code sandbox):

Steps to reproduce

  1. Go to the CardList interactive playground: https://blueprintjs.com/docs/#core/components/card-list.interactive-playground
  2. Switch on Use section container

Actual behavior

The first card list element renders a top border with border-radius which conflicts with section header border

Expected behavior

The first card list element should not render top border, and border radius should be set to 0/none to ensure hover color doesn't show rounded corners

Image

Possible solution

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions