Skip to content

Fix border-radius - last cell in navigation/pills background overlapping parent container's border #182

@waddie96

Description

@waddie96

Problem: last cell in navigation/pills background overlapping parent container's border

Reproduce: For example look at the property pills at [Johann Sebastian Bach (Q1339). At the bottom left and bottom right of these pills the light blue border of the parent div is overlapped by multiple of the backgrounds of its child elements th, tr and tbody.

Proposed solution:

Apply something like this to the bootstrap.css. I found a selector for the element that's missing the border-radius in the specific case at that page. The culprit has no class... but either selector works on most of them:

div.panel > div > div,
div#statements_family > div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    view: EntityThis relates to the entity view

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions