Description of problem: PatternFly reference code at [1] uses a jQuery plugin [2] to achieve "all status cards having the same height" appearance. We should use that in Dashboard UI. [1] http://www.patternfly.org/pattern-library/cards/aggregate-status-card/#/_code [2] $(stuff).matchHeight();
Patch [1] adds jquery-match-height to the shrinkwrap rpm used to be build the dashboard's rpm. [1] - https://gerrit.ovirt.org/#/c/64221/
(In reply to Scott Dickerson from comment #1) > Patch [1] adds jquery-match-height to the shrinkwrap rpm used to be build > the dashboard's rpm. > > [1] - https://gerrit.ovirt.org/#/c/64221/ Since we maintain our own (React-based) implementation of PatternFly components, using a React-centric approach [1] seems better than jQuery-centric approach [2]. [1] https://github.com/patrickgalbraith/react-equalizer [2] https://github.com/liabru/jquery-match-height
Verified in rhevm-4.1.1.3-0.1.el7.noarch ovirt-engine-dashboard-1.1.0-6.el7ev.noarch Browsers: Firefox 52 ESR, Chromium 56 If line wrapping occurs, all inventory cards are adjusted to the same height. See the attached screenshot with comparison against 4.0, where the cards height is not always the same.
Created attachment 1263712 [details] dashboard card hight & line wrapping