Trend Card: code sample

[Essjaysee]

On the Trend Card Code tab:

• On the Card with Multiple Trends example, the right-most end point (and presumably current value) for Virtual Disk I/O doesn't look like it's 30%. Same for Memory Utilization, which should be 22%.
• The numbers (30%, 6%, and 22%) should be left-aligned.
• The label on the action icon should be “Create Cluster” to be in keeping with our T&W.

[dlabrecq]

The values for the right-most end point appear to be correct.

In order to change the label alignment, that would need to be modified in Angular-PatternFly. That is, this would be a change to the component itself. @LHinson we may want to create a story to fix the component if it's not in spec?

FYI, the Angular-PatternFly component appears to be using Bootstrap's responsive grid design, so there may be some extra space between the chart/label. Although, it looks fairly close to the images in the design page.

In regard to the proposed "Create Cluster" icon label, @LHinson we'll need new images. The Angular-PatternFly example can be easily changed to match.

[LHinson]

The images are updated. I've filed an issue against angular since this is against the angular implementation and closing here. You can say up to date here: patternfly/angular-patternfly#739