Skip to content

Increasing height-base does not update PageHeader height resulting in variable header height #32871

@MichalPodeszwa

Description

@MichalPodeszwa
  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Edit on CodeSandbox

Steps to reproduce

Update @height-base variable to something more (for example 50px). When you add a extra action with a button in Page Header, the header is higher than a version without extra button

What is expected?

Header is always the same height and can fit a regular-sized button in the extra parameter

What is actually happening?

The header jumps if you add button with updated height in the extra parameter

Environment Info
antd 4.16.13
React 17.0 (not related)
System Linux
Browser Chrome

What I did locally to mitigate the issue is add @height-base in

which resolved the issue (the 32px is default height-base, so I assumed it should be that - but I'm not certain)

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