search

ita-social-projects / StreetCode

MIT License
14 stars 8 forks source link

[UI/Streetcode page/Art gallery] [Desktop] The images' sizes do not correspond the mockup in the Art gallery #1437

Open BDaria opened 2 months ago

BDaria commented 2 months ago

Environment: Windows, Chrome, 124.0.6367.119. Reproducible: always Build found: https://github.com/ita-social-projects/StreetCode/commit/79fb4900bc472c7efaf3e92e659797ccf1273ce6

Preconditions

  1. Open the Admin page.
  2. Create a new Streetcode.
  3. Add images to the Art Gallery.
  4. Save the Streetcode.
  5. Open the created Streetcode as a user.

Steps to reproduce

  1. Go to the Art Gallery.
  2. Pay attention to the image sizes on each slide.
# Images number and shape Expected result Actual result
1 art_gallery100 806x536 770x536 (resolution1025-1200), 806x536 (resolution1201-1920)
2 art_gallery100 (2) 790x536 / 380x536 503,33x536 / 236,67x536 (resolution 1025-1200), 647,33x536/308,66x536 (resolution 1201-1450), 790x536 / 380x536( resolution 1451-1920)
3 art_gallery100 (3) 790x536 / 380x253 503.33x536 / 236.67x253(resolution 1025-1200), 647,33x536/308,66x253 (resolution 1201-1450), 790x536 /380x253 (resolution1451-1920)
4 art_gallery100 (4) 380x536 236.67x536 (resolution1025-1200), 308,67x536 (resolution 1201-1450), 380x536 (resolution 1451-1920)
5 art_gallery100 (6) 380x536 / 380x253 236,66x536/236,67x253 (resolution 1025-1200) 308.67x536 / 308.67x253 (resolution 1201-1450), 380x536 / 380x253 (resolution 1451-1920)
6 art_gallery100 (7) 380x253 / 380x536 236,66x253/236,67x536 (resolution 1025-1200) 308.66x253/308.67x536 (resolution 1201-1450), 380x253 / 380x536 (resolution 1451-1920)
7 art_gallery100 (8) 380x253 / 380x536 236,66x253/236,67x536 (resolution 1025-1200) 308.66x253/308.67x536 (resolution 1201-1450), 380x253 / 380x536( resolution 1451-1920)
8 art_gallery100 (9) 380x253 / 380x536 236,66x253/236,67x536 (resolution 1025-1200) 308.66x253/308.67x536 (resolution1201-1450), 380x253 / 380x536 (resolution 1451-1920)
9 art_gallery100 (10) 380x253 236,66x253 (resolution 1025-1200) 308.66x253( resolution1201-1450), 380x253 (resolution 1451-1920)
10 art_gallery100 (11) 380x253 236,66x253 (resolution 1025-1200) 308.66x253 (resolution 1201-1450), 380x253 (resolution 1451-1920)

User story and test case links User story #75 Test case #1297

Shossy commented 1 month ago

fixed issues with 3 first templates. Other templates mentioned there were ok since it's part of responsive design on smaller screen sizes