-
Bug
-
Resolution: Fixed
-
Minor
-
-
Blue Ocean 1.2-beta1, Blue Ocean 1.2-beta2
The Blue Ocean interface does not display a selected state for the top-level navigation. This is especially problematic when plugins add additional top-level links to the interface. Because react renders so quickly it can create a usability problem where the user does not recognize that they have navigated to a new page because the links to do not transition to a "selected" state.
The correct selected state is pictured in the attached screenshot (navigation-selected-state.png) and is already present in the CSS. In fact it's used for run result pages already. We just need to teach React about it for the top links.
- links to
[JENKINS-44522] Top-level navigation does not show selected state
| Labels | New: cloudbees-internal-steel |
| Labels | Original: cloudbees-internal-steel | New: blueocean cloudbees-internal-steel |
| Epic Link | New: JENKINS-43955 [ 181487 ] |
| Description |
Original:
The Blue Ocean interface does not display a selected state for the top-level navigation. This is especially problematic when plugins add additional top-level links to the interface. Because react renders so quickly it can create a usability problem where the user does not recognize that they have navigated to a new page because the links to do not transition to a different state. The correct selected state is pictured in the attached screenshot (navigation-selected-state.png) and is already present in the CSS. In fact it's used for [run result pages|https://ci.blueocean.io/blue/organizations/jenkins/admin%2Fdocker-gc/detail/docker-gc/10/pipeline] already. We just need to teach React about it for the top links. |
New:
The Blue Ocean interface does not display a selected state for the top-level navigation. This is especially problematic when plugins add additional top-level links to the interface. Because react renders so quickly it can create a usability problem where the user does not recognize that they have navigated to a new page because the links to do not transition to a "selected" state. The correct selected state is pictured in the attached screenshot (navigation-selected-state.png) and is already present in the CSS. In fact it's used for [run result pages|https://ci.blueocean.io/blue/organizations/jenkins/admin%2Fdocker-gc/detail/docker-gc/10/pipeline] already. We just need to teach React about it for the top links. |
| Epic Link | Original: JENKINS-43955 [ 181487 ] | New: JENKINS-35761 [ 171656 ] |
| Assignee | New: Cliff Meyers [ cliffmeyers ] |
| Remote Link | New: This issue links to "PR#1157 (Web Link)" [ 17144 ] |
| Sprint | New: Blue Ocean 1.2-beta1 [ 336 ] |
| Status | Original: Open [ 1 ] | New: In Progress [ 3 ] |
| Status | Original: In Progress [ 3 ] | New: In Review [ 10005 ] |