Shop By Diagram - Apply fixed height to Upload Image's button

• Type: Bug
• Status: Closed
• Resolution: No Longer Reproducible
• Affects Version/s: Master
• Fix Version/s: Master
• Component/s: Item Selector
• Labels:
  • 7.4-known-issues
  • liferay-ga1-dxp-7413
  • liferay-ga10-ce-743
  • liferay-ga11-ce-743
  • liferay-ga12-ce-743
  • liferay-ga13-ce-743-known-issue
  • liferay-ga14-ce-743-known-issues
  • liferay-ga15-ce-743-known-issues
  • liferay-ga4-ce-743
  • liferay-ga5-ce-743
  • liferay-ga6-ce-743
  • liferay-ga7-ce-743
  • liferay-ga8-ce-743
  • liferay-ga9-ce-743
  • liferay-u1-dxp-7413
  • liferay-u2-dxp-7413
• Story Points: 0
• Fix Priority: 4
• Sprint: LIMA | QA Sprint 19

Hello you all, we have an open bug (COMMERCE-7220) about fixing a layout of the Shop-By-Diagram's Diagram page.

 

Visible under:

• Commerce > Products
• Create a new product (type diagram)
• Upload a new image, set Diagram Settings as type default

 NB. enable Diagram Product Type under
System > System Settings > Catalog > Diagram Product Type > enable

Actually the page is displayed in this way:

 

 

We should set a fixed height of Diagram Settings and Diagram File sections.

The issue is that it's not possible to set properly a predefined height to the Diagram File component without applying several styles changes to che component itself, otherwise there isn't a way to apply from outside a fixed height to the component via component props without making the thumbnail image overflow the fixed container.

 

This is the expected result:

 

 

In Diagram File we should have a fixed height and the thumbnail image displayed in it should be contaned and centered-cropped inside the component.