10000 Find a way to round corners that doesn't use border-radius · Issue #6045 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

Find a way to round corners that doesn't use border-radius #6045

@srambach

Description

@srambach

Describe the enhancement or change
To apply rounded corners with border-radius, we also need to add overflow:hidden, or else something square inside the container will bump out of the corner. And hiding the overflow means that things like dropdowns will not extend outside the border of the container.

Therefore, we would like to find a solution that rounds the corners as desired without requiring overflow:hidden.

Possible solution along these lines: clip-path: inset(45% 0% 33% 10% round 10px)

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0