Skip to content

Header: order/clearfix not working when using elements #1210

@juthilo

Description

@juthilo

In Core, .cmp-mainnavigation and .rea-meta are styled with order: 1 and order: 2 when put inside .rea-header. (I think this is to improve the structure for mobile navigation?)
.rea-header::after has a clearfix to clean this up afterwards. However, when using Elements, the order rules do not apply as they would need to be set on the <db-...> elements as direct children of the header. This causes problems with the clearfix as well, the browser applies space-between between the last element of the header and the ::after, causing a lot of blank space at the end. (visible in docs as well)

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