Red Hat Bugzilla – Bug 1289843
[userinterface_public_566]Word "Duration" is overlapped in build chart after add/clear filter
Last modified: 2016-05-12 13:10:17 EDT
Description of problem:
On web console filter builds by label, then clear the filter, the word "Duration" will be overlapped in build chart.
Version-Release number of selected component (if applicable):
Steps to Reproduce:
1.Create app in project
$oc create -f origin/examples/sample-app/application-template-stibuild.json -n prozyp
$oc new-app ruby-helloworld-sample -n prozyp
2.Trigger several builds from web console, make the builds finish with different status,such as complete/failed/cancelled
3.Add different labels for each build.
4.Filter builds using the added labels in step 3, check the builds in chart.
5.Clear filters, check the build chart.
4.The word "Duration" is pushed beside the left border. Refer to attachment.
5.After clear the filter, the word "Duration" is overlapped in build chart. Refer to attachment.
4，5.The word in build chart should be displayed well.
Created attachment 1103800 [details]
Created attachment 1103801 [details]
The overlapping issue appears also after clicking on the small square status box under the “Build Number“ line. Refer to "overlap-2" attachment.
Created attachment 1103805 [details]
This looks like a c3.js bug, and we have the latest version. I could change the label so it's inside the axis, but that could cause the bar to overlap the label in some cases.
Tested on latest origin code.
When add filter on the build page, the word "Duration" is displayed well beside the axis.
After clear filter, the overlapping issue appears sometimes as shown in attachment "clear-filter-chart".
QE Will check the bug after the pull is merged.
Thanks, merged to origin now.
Tested against latest origin code, the overlapping issue has been fixed, so move the bug to Verified.