Bug 1353900
| Summary: | Tooltip is partially hidden when hovering over utilization donut | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Product: | [oVirt] ovirt-engine-dashboard | Reporter: | Pavel Stehlik <pstehlik> | ||||||
| Component: | Core | Assignee: | Scott Dickerson <sdickers> | ||||||
| Status: | CLOSED CURRENTRELEASE | QA Contact: | Pavel Novotny <pnovotny> | ||||||
| Severity: | medium | Docs Contact: | |||||||
| Priority: | medium | ||||||||
| Version: | unspecified | CC: | bugs, mgoldboi, oourfali, vszocs | ||||||
| Target Milestone: | ovirt-4.0.5 | Flags: | rule-engine:
ovirt-4.0.z+
mgoldboi: planning_ack+ oourfali: devel_ack+ pstehlik: testing_ack+ |
||||||
| Target Release: | 1.0.5 | ||||||||
| Hardware: | Unspecified | ||||||||
| OS: | Unspecified | ||||||||
| Whiteboard: | |||||||||
| Fixed In Version: | Doc Type: | If docs needed, set a value | |||||||
| Doc Text: | Story Points: | --- | |||||||
| Clone Of: | Environment: | ||||||||
| Last Closed: | 2017-01-18 07:35:48 UTC | Type: | Bug | ||||||
| Regression: | --- | Mount Type: | --- | ||||||
| Documentation: | --- | CRM: | |||||||
| Verified Versions: | Category: | --- | |||||||
| oVirt Team: | UX | RHEL 7.3 requirements from Atomic Host: | |||||||
| Cloudforms Team: | --- | Target Upstream Version: | |||||||
| Embargoed: | |||||||||
| Attachments: |
|
||||||||
We should adjust tooltip's relative position to not interfere with mouse cursor: http://c3js.org/reference.html#tooltip-position The target div for the donut chart's c3 chart had a style on it that the tooltip positioning code didn't expect. This cause the tooltip to be rendered too high and under the mouse pointer. By adding a new c3 container div inside the previous div, the render and tooltip positioning code is now working as expected. Verified in rhevm-4.0.5.2-0.2.el7ev.noarch ovirt-engine-dashboard-1.0.5-1.el7ev.x86_64 with Firefox 45.4 ESR Firefox 49 Chromium 53 The mouse pointer and the tooltip now don't overlap. See the screenshot attached. Created attachment 1214331 [details]
screen: dashboard tooltip overlap fixed
|
Created attachment 1177617 [details] dash-hidden-tooltip.mov Description of problem: Tooltip starts with no space eg "7% GB Used" and mouse cursor partially cover the very 1st char. It would be nice to put some more spaces (or move tooltip further away from pointer) in order to see all letters/numbers. See att movie. Version-Release number of selected component (if applicable): beta1 4.0 FF47.0 & Chrome 51.0.2704.103 How reproducible: 100% Steps to Reproduce: 1. hovering over utilization donut 2. 3.