Task details button is truncated in Chrome, but not Firefox

[julienlim]

Task details button is truncated in Chrome, but not Firefox

Chrome:

Firefox:

@gnehapk @Tendrl/tendrl-frontend @nthomas-redhat @Tendrl/tendrl-qe @mcarrano

[mcarrano]

I have seen a similar effect on the Cluster Detail pages.

In general, it's not a great idea to truncate button labels unless absolutely necessary. Seems like there is adequate white space in the list entry to fit the buttons without truncating. It we are going to use a button to display details rather than the hyperlink of the object name, then recommend shortening the label to just "Details." It should be clear to the user that these are details of the object currently in view.

[gnehapk]

@mcarrano @julienlim Button label gets truncated if it doesn't have space enough to fit and the labels are visible on hover. On "100%" zoom, the button labels are visible properly. Attaching screenshot for the same.

So, when the page is getting zoomed in or out, the labels will adjust accordingly and gets truncated if it doesn't fit and are displayed on hovering.

On task list page, since there are enough space, we will update it.

[a2batic]

@julienlim @mcarrano , Fixed with tendrl-ui-1.5.2-20171010T124450.4044474.noarch.rpm. Please verify

[julienlim]

Issue fixed and resolved.