search

eclipse-basyx / basyx-aas-web-ui

Web-based user interface for managing and interacting with Asset Administration Shells (AAS)
MIT License
9 stars 7 forks source link

[BUG] Images in certain formats are using too much space in the UI, entirely overlaying the search field and AAS selection column #94

Closed JBlezi closed 1 week ago

JBlezi commented 1 week ago

Describe the bug When a product thumbnail image has a format that has a higher height than width, it will show up disproportionately large, blocking all of the underlying AAS selection and search bar column.

To Reproduce

  1. Start AAS Web UI
  2. Upload an AASX with an image that has significantly larger height than width.
  3. Click on the information icon on the uploaded AAS

Expected behavior Instead of blocking the whole column, all images should be of uniform height (ideally square), making sure that the information content inlcuding the thumbnail only occupies at most 60% of the column height (see image example)

BaSyx (please complete the following information):

Screenshots If applicable, add screenshots to help explain your problem.

System (please complete the following information):

Screenshot 2024-11-11 at 13 50 03

This is the problem with certain images:

Screenshot 2024-11-11 at 13 55 42

Ideally, every image has the same size, preferably this size or similar, so that it is possible to access the search bar and search results at all times:

Screenshot 2024-11-11 at 13 55 57
aaronzi commented 1 week ago

Hi @JBlezi,

you are right, the max-height should be limited. We will provide a quick fix for this in the next days.