0034818: [UX] Font Resize Mechanism used by "Render Product Line" component is not the same used by "Render Order Line" component

Description

Font Resize Mechanism used by "Render Product Line" component is not the same used by "Render Order Line" component.

It would be great -if it is possible- to use the same approach. It will simplify the code and will give to the "Render Product Line" component an advanced behavior

Steps To Reproduce

N/A

Proposed Solution

Render Product Line component was refactored in issue 34619. However the algorithm used to resize the font for the price is quite simple:
Font size of the price is just reduced when this condition match

var shouldResizeWork = ((enyo.Panels.isScreenNarrow() && document.body.clientWidth <= 445) || (!enyo.Panels.isScreenNarrow() && document.body.clientWidth <= 874));

together with this one:

OB.I18N.formatCurrency(this.model.get('currentStandardPrice')).length > 11 && !searchTab && !hideProductImages && shouldResizeWork

Tags

No tags attached.

Attached Files

Relationships [ Relation Graph ] [ Dependency Graph ]

related to	defect	0034619		closed	guilleaer	[UX] The product button is not readable with small aspect ratios or high prices
blocks	defect	0034538		closed	Retail	Big total amounts on WebPOS are breaking the layout

Notes
There are no notes attached to this issue.

Issue History
Date Modified	Username	Field	Change
2016-12-23 11:07	guilleaer	New Issue
2016-12-23 11:07	guilleaer	Assigned To	=> Retail
2016-12-23 11:07	guilleaer	Triggers an Emergency Pack	=> No
2016-12-23 11:11	guilleaer	Relationship added	related to 0034619
2016-12-24 23:07	dbaz	Summary	Font Resize Mechanism used by "Render Product Line" component is not the same used by "Render Order Line" component => [UX] Font Resize Mechanism used by "Render Product Line" component is not the same used by "Render Order Line" component
2016-12-24 23:08	dbaz	Relationship added	blocks 0034538