Small UI improvements and accessibility fixes by olexii4 · Pull Request #1504 · eclipse-che/che-dashboard

olexii4 · 2026-03-28T00:47:49Z

What does this PR do?

Bundles several independent UI polish and accessibility improvements to the Dashboard:

Update copyright year to 2026 across all source files (2018-2025 → 2018-2026).
Bump transitive/direct dependencies to address known CVEs and keep versions current:
- handlebars 4.7.8 → 4.7.9
- yaml 2.8.2 → 2.8.3
- picomatch 2.3.1 → 2.3.2
- fastify 5.7.4 → 5.8.3
- undici 7.22.0 → 7.24.5
- svgo 3.0.2 → 3.3.3
Upgrade base Docker image from ubi8/nodejs-18 to ubi9/nodejs-20 in build/dockerfiles/rhel.Dockerfile.
Improve keyboard accessibility and icon hover styles for toolbar switches and the bulk-selector:
- TemporaryStorageSwitch and CreateNewIfExistSwitch can now be toggled with Tab + Enter.
- BulkSelector dropdown is fully keyboard-navigable.
Fix ErrorReporter full-screen overlay so it always covers the sidebar.
Add "Sign out" button to the error rendered by IssueComponent (if preload data fail).
Add "OpenShift console" link to the error rendered by IssueComponent (if preload data fail).
The link is invisible on non-OpenShift deployments.
Fix tooltip link colours in CheTooltip.

Screenshot/screencast of this PR

What issues does this PR fix or reference?

Is it tested? How?

Deploy Eclipse Che with the image built from this PR, then verify each point below.

Keyboard accessibility — recent workspace items:

Open the Dashboard. In the left navigation panel, hover over a recent workspace item to confirm the kebab (⋮) menu button appears.
Tab to a recent workspace item. Confirm the kebab button becomes visible when the item is focused.
Tab again to move focus onto the kebab button. Press Enter — confirm the actions dropdown opens (and the workspace does not open in a new tab).
Use the arrow keys to navigate the dropdown options and press Enter to select one.

Keyboard accessibility — toolbar switches and BulkSelector:

Open the Create Workspace page and choose "Select a Sample". Tab to the "Temporary Storage" and "Create New if Exists" switches — confirm they toggle with Enter or Space.
Tab to the "Filter by tags" / "Filter by languages" BulkSelector dropdowns. Press Enter/Space to open, use arrow keys to navigate options, and press Enter to select — confirm the filter applies.

ErrorReporter overlay:

Open the OpenShift console → Project eclipse-che → Deployments → che → scale pods to 0. Wait until the pod is gone.
Return to the Dashboard and refresh. Confirm the ErrorReporter widget is centered and covers the sidebar completely.
Confirm the "Sign out" button is visible at the bottom of the error widget.
Confirm the "OpenShift console" link is visible and navigates to the console. (On non-OpenShift deployments this link should not appear.)

Release Notes

Docs PR

che-bot · 2026-03-28T00:47:57Z

Click here to review and test in web IDE:

openshift-ci · 2026-03-28T00:48:01Z

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by: olexii4

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

Details

Needs approval from an approver in each of these files:

OWNERS

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

github-actions · 2026-03-28T04:11:33Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

- handlebars: 4.7.8 -> 4.7.9 - yaml: 2.8.2 -> 2.8.3 - picomatch: 2.3.1 -> 2.3.2 - fastify: 5.7.4 -> 5.8.4 - undici: 7.22.0 -> 7.24.6 - svgo: 3.0.2 -> 3.3.3 Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Node.js 18 lacks the File global required by undici >=7.22. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

…nd BulkSelector - Add Enter key toggle support to TemporaryStorageSwitch and CreateNewIfExistSwitch - Add icon hover color via PatternFly CSS tokens - Fix BulkSelector onSelect type to accept keyboard events Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Remove hardcoded black/white backgrounds from ErrorReporter; use PatternFly's default page background. Center content via flexbox on the PageSection instead of a Stack. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Replace Page wrapper in ErrorReporter with a position:fixed div so it always covers the full viewport, including any sidebar rendered by PatternFly's internal sidebar state management. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

…port Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

…ter-info on error Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

…ainer Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

…ction buttons Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

… contrast issues Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Remove custom onKeyDown from SelectOption — it caused a double-call to onSelect (once from our handler, once from PF6's Enter→click→onChange path), resulting in add→remove with net zero change. PF6 Menu handles Enter natively via document.activeElement.click() on the focused label. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

The gitbranches API calls git ls-remote in the backend process. Without git installed in the runtime container, this fails with spawn git ENOENT (500 Internal Server Error). Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

The gitbranches API calls git ls-remote in the backend process. Add git to skaffold.Dockerfile (Alpine-based dev image) and update copyright year to 2026. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

- Update 3 failing snapshot tests after ErrorReporter and Toolbar changes - Fix "Logout" → "Sign out" label in IssueComponent - Set MIT license for fastify@5.8.4 in .deps/prod.md - Add flatted@3.4.2, tar@7.5.11, @types/stream-buffers@3.0.8 to .deps/EXCLUDED/dev.md - Add fastify@5.8.4, undici@7.24.6 to .deps/EXCLUDED/prod.md; remove cron-parser@5.5.0 Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

github-actions · 2026-03-28T22:23:35Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

github-actions · 2026-03-28T22:37:43Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

github-actions · 2026-03-29T01:13:41Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

github-actions · 2026-03-29T01:15:48Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

…om child Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

github-actions · 2026-03-29T02:31:19Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

…ecentItem - Add test suite for findApi helper covering all branches (with/without version) - Add test suite for getServiceAccountToken covering local run, file read, and missing file paths - Add Space key, bubbled-Enter, and mouse hover tests to NavigationRecentItem Assisted-by: Claude Sonnet 4.6 Signed-off-by: Oleksii Orel <oorel@redhat.com>

github-actions · 2026-03-29T21:06:13Z

Docker image build succeeded: quay.io/eclipse/che-dashboard:pr-1504 (linux/amd64, linux/arm64)

kubectl patch command

kubectl patch -n eclipse-che "checluster/eclipse-che" --type=json -p="[{"op": "replace", "path": "/spec/components/dashboard/deployment", "value": {containers: [{image: "quay.io/eclipse/che-dashboard:pr-1504", name: che-dashboard}]}}]"

openshift-ci · 2026-03-29T22:17:50Z

@olexii4: The following test failed, say /retest to rerun all failed tests or /retest-required to rerun all mandatory failed tests:

Test name	Commit	Details	Required	Rerun command
ci/prow/v19-dashboard-happy-path	`b502489`	link	true	`/test v19-dashboard-happy-path`

Full PR test history. Your PR dashboard.

Details

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.

olexii4 requested review from akurinnoy and ibuziuk as code owners March 28, 2026 00:47

olexii4 requested a review from svor March 28, 2026 00:47

olexii4 force-pushed the quick_fixes branch from e9e4cb9 to a88d894 Compare March 28, 2026 01:06

olexii4 added 23 commits March 29, 2026 00:05

chore: update copyright year to 2026

813be79

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(dockerfiles): upgrade base image to ubi9/nodejs-20

063ee88

Node.js 18 lacks the File global required by undici >=7.22. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): fix ErrorReporter styles and centering

0b54ea1

Remove hardcoded black/white backgrounds from ErrorReporter; use PatternFly's default page background. Center content via flexbox on the PageSection instead of a Stack. Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): add Sign out button to all ErrorReporter issue types

2689e9c

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): add OpenShift console link to ErrorReporter issue messages

621456c

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): fix link colors inside CheTooltip for both themes

d2634d8

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): fix ErrorReporter message container width and error overflow

f9cce26

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): prevent error message from overflowing the ErrorReporter widget

4bb3afc

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): use min-height for workspace progress wizard

b88de3a

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): restore inline layout for toolbar switches with keyboard sup…

366ffa9

…port Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): unify ErrorReporter actions as inline buttons and fetch clus…

3789c84

…ter-info on error Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): refine CSS for tooltip links, question icons, and error cont…

62c9215

…ainer Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): use margin instead of text separator between ErrorReporter a…

02c1865

…ction buttons Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): apply viewer opacity only in light theme to avoid dark theme…

5df7a09

… contrast issues Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): add keyboard support to BulkSelector toggle (Enter/Space)

3273aca

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): remove fixed min-width from ErrorReporter message container

36b2a47

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): add Enter/Space keyboard selection to BulkSelector options

2d58de0

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

olexii4 added 2 commits March 29, 2026 00:05

fix(ui): add Enter key selection to BulkSelector dropdown options

33c24a1

Assisted-by: Cursor Signed-off-by: Oleksii Orel <oorel@redhat.com>

olexii4 force-pushed the quick_fixes branch from d8e95f5 to 0c9f51c Compare March 28, 2026 22:09

chore: update copyright year to 2026 in missing files

49c009b

Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

olexii4 force-pushed the quick_fixes branch from 0c9f51c to 49c009b Compare March 28, 2026 22:25

olexii4 added 2 commits March 29, 2026 02:34

fix(ui): show workspace actions on keyboard focus in nav recent items

47de098

Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): add missing semicolon in DevfileEditorTab CSS

bba7a75

Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

fix(ui): prevent nav item Enter from firing when key event bubbles fr…

3a03871

…om child Assisted-by: Claude Sonnet 4.6 (1M context) Signed-off-by: Oleksii Orel <oorel@redhat.com>

eclipse-che deleted a comment from codecov bot Mar 29, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Small UI improvements and accessibility fixes#1504

Small UI improvements and accessibility fixes#1504
olexii4 wants to merge 30 commits intomainfrom
quick_fixes

olexii4 commented Mar 28, 2026 •

edited

Loading

Uh oh!

che-bot commented Mar 28, 2026

Uh oh!

openshift-ci bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

openshift-ci bot commented Mar 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

Conversation

olexii4 commented Mar 28, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

What does this PR do?

Screenshot/screencast of this PR

What issues does this PR fix or reference?

Is it tested? How?

Release Notes

Docs PR

Uh oh!

che-bot commented Mar 28, 2026

Uh oh!

openshift-ci bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 28, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

github-actions bot commented Mar 29, 2026

Uh oh!

openshift-ci bot commented Mar 29, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants

olexii4 commented Mar 28, 2026 •

edited

Loading