NO-JIRA: Fix logo max-height not respected on Safari

[fallmo]

Safari does not properly constrain images using max-height: 100% when the parent element has a fixed max-height. As a result, the custom masthead logo ignores the intended 60 px limit on Safari.

This change explicitly applies max-height: 60px to the child img element to ensure consistent behavior across browsers.

[openshift-ci]

Hi @fallmo. Thanks for your PR.

I'm waiting for a github.com member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

[rhamilto]

/assign @sg00dwin

[logonoff]

/ok-to-test

[fallmo]

/retest-required

[openshift-ci]

@fallmo: all tests passed!

Full PR test history. Your PR dashboard.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository. I understand the commands that are listed here.

[sg00dwin]

/lgtm

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: fallmo, logonoff, sg00dwin

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• frontend/public/style/OWNERS [logonoff,sg00dwin]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[logonoff]

/retitle NO-JIRA: Fix logo max-height not respected on Safari
/label px-approved
/label docs-approved

qe review:
/assign @yapei

[openshift-ci-robot]

@fallmo: This pull request explicitly references no jira issue.

In response to this:

Safari does not properly constrain images using max-height: 100% when the parent element has a fixed max-height. As a result, the custom masthead logo ignores the intended 60 px limit on Safari.

This change explicitly applies max-height: 60px to the child img element to ensure consistent behavior across browsers.

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the openshift-eng/jira-lifecycle-plugin repository.