OCPBUGS-76378: fix display of Lightspeed button

[rhamilto]

After

Screen.Recording.2026-02-10.at.8.49.24.AM.mov

Summary

• Adds !important flags to background-image properties to ensure the Lightspeed logo displays correctly
• Adds !important flags to background positioning properties for consistent styling
• Removes right property and box-shadow that were unnecessarily duplicated

Test plan

• Verify the Lightspeed button displays correctly in light mode
• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)
• Verify button positioning is correct

🤖 Generated with Claude Code

Summary by CodeRabbit

Release Notes

• Style
  • Refined styling specificity for the Lightspeed popover button to ensure consistent visual presentation.
  • Updated dark theme styling for the Lightspeed component.

[openshift-ci-robot]

@rhamilto: This pull request references Jira Issue OCPBUGS-76378, which is invalid:

• expected the bug to target the "4.22.0" version, but no target version was set

Comment /jira refresh to re-evaluate validity if changes to the Jira bug are made, or edit the title of this pull request to link to a different bug.

The bug has been updated to refer to the pull request using the external bug tracker.

Details

In response to this:

Summary

• Adds !important flags to background-image properties to ensure the Lightspeed logo displays correctly
• Adds !important flags to background positioning properties for consistent styling
• Removes right property and box-shadow that may have been interfering with proper positioning

Test plan

• Verify the Lightspeed button displays correctly in light mode
• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)
• Verify button positioning is correct

🤖 Generated with Claude Code

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.

[rhamilto]

/jira refresh

[openshift-ci-robot]

@rhamilto: This pull request references Jira Issue OCPBUGS-76378, which is valid. The bug has been moved to the POST state.

3 validation(s) were run on this bug

• bug is open, matching expected state (open)
• bug target version (4.22.0) matches configured target version for branch (4.22.0)
• bug is in the state ASSIGNED, which is one of the valid states (NEW, ASSIGNED, POST)

Requesting review from QA contact:
/cc @yapei

Details

In response to this:

/jira refresh

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.

[coderabbitai]

📝 Walkthrough

Walkthrough

The Lightspeed component stylesheet receives styling refinements focused on the popover button and container elements. Changes include adding !important declarations to background-image, background-position, background-repeat, and background-size properties on the popover button to enforce specificity overrides. The box-shadow declaration is removed from the button, and the right offset positioning rule is deleted. The dark theme variant updates the logo-dark.svg reference with !important. Border property formatting is normalized across related selectors. No public API surface modifications or exported declarations are altered.

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Title check	✅ Passed	The title clearly references the bug fix (OCPBUGS-76378) and accurately describes the primary change: fixing the display of the Lightspeed button through CSS adjustments.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[openshift-ci-robot]

@rhamilto: This pull request references Jira Issue OCPBUGS-76378, which is valid.

3 validation(s) were run on this bug

• bug is open, matching expected state (open)
• bug target version (4.22.0) matches configured target version for branch (4.22.0)
• bug is in the state POST, which is one of the valid states (NEW, ASSIGNED, POST)

Requesting review from QA contact:
/cc @yapei

Details

In response to this:

After

Screen.Recording.2026-02-10.at.8.49.24.AM.mov

Summary

• Adds !important flags to background-image properties to ensure the Lightspeed logo displays correctly
• Adds !important flags to background positioning properties for consistent styling
• Removes right property and box-shadow that were unnecessarily duplicated

Test plan

• Verify the Lightspeed button displays correctly in light mode
• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)
• Verify button positioning is correct

🤖 Generated with Claude Code

Summary by CodeRabbit

Release Notes

• Style
• Refined styling specificity for the Lightspeed popover button to ensure consistent visual presentation.
• Updated dark theme styling for the Lightspeed component.

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.

[rhamilto]

/retest

[rhamilto]

/overrode okd-scos-images

[jhadvig]

/lgtm
/override ci/prow/okd-scos-images

[openshift-ci]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: jhadvig, rhamilto

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

The pull request process is described here

Details

Needs approval from an approver in each of these files:

• frontend/OWNERS [jhadvig,rhamilto]

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

[openshift-ci]

@jhadvig: Overrode contexts on behalf of jhadvig: ci/prow/okd-scos-images

Details

In response to this:

/lgtm
/override ci/prow/okd-scos-images

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]

/label acknowledge-critical-fixes-only

[rhamilto]

/assign @yapei

[yapei]

• Verify the Lightspeed button displays correctly in light mode

• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)

• Verify button positioning is correct

/verified by @yapei

[openshift-ci-robot]

@yapei: This PR has been marked as verified by @yapei.

Details

In response to this:

• Verify the Lightspeed button displays correctly in light mode

• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)

• Verify button positioning is correct

/verified by @yapei

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.

[openshift-ci-robot]

@rhamilto: Jira Issue Verification Checks: Jira Issue OCPBUGS-76378
✔️ This pull request was pre-merge verified.
✔️ All associated pull requests have merged.
✔️ All associated, merged pull requests were pre-merge verified.

Jira Issue OCPBUGS-76378 has been moved to the MODIFIED state and will move to the VERIFIED state when the change is available in an accepted nightly payload. 🕓

Details

In response to this:

After

Screen.Recording.2026-02-10.at.8.49.24.AM.mov

Summary

• Adds !important flags to background-image properties to ensure the Lightspeed logo displays correctly
• Adds !important flags to background positioning properties for consistent styling
• Removes right property and box-shadow that were unnecessarily duplicated

Test plan

• Verify the Lightspeed button displays correctly in light mode
• Verify the Lightspeed button displays correctly in dark mode (uses logo-dark.svg)
• Verify button positioning is correct

🤖 Generated with Claude Code

Summary by CodeRabbit

Release Notes

• Style
• Refined styling specificity for the Lightspeed popover button to ensure consistent visual presentation.
• Updated dark theme styling for the Lightspeed component.

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.

[openshift-merge-robot]

Fix included in accepted release 4.22.0-0.nightly-2026-02-26-092444