search

ita-social-projects / GreenCity

The main aim of “GreenCity” project is to teach people in a playful and challenging way to have an eco-friendly lifestyle. A user can view on the map places that have some eco-initiatives or suggest discounts for being environmentally aware (for instance, coffee shops that give a discount if a customer comes with their own cup). А user can start doing an environment-friendly habit and track their progress with a habit tracker.
MIT License
65 stars 80 forks source link

[UI][Friends list] UI elements do not match the mockup for 576x1146px and 320x1387px for EN localization #6446

Open lerakhmullaeva opened 1 year ago

lerakhmullaeva commented 1 year ago

Environment: Windows 10, Chrome 114.0.5735.110 (64 bit) Reproducible: always Build found: 28/09/23

Preconditions

  1. GreenCity is opened.
  2. Signed in as a User.
  3. 'All Friends' page is opened.

Steps to reproduce

  1. Open DevTools.
  2. Choose 576x1146px extension. 2.1. Choose 320x1387px extension.

Actual result

  1. User's nickname is apsent in the upper right corner.
  2. Friends' cards are in a vertical position instead of horizontal as in mockup.
  3. In searching field is apsent 'search' icon on the right side.
  4. Searching field should be on the right side.
  5. 'Friends' label should be on the left side.
  6. 'Greencity' logo-label smaller then in mockup.

Expected result

  1. User's nickname is present in the upper right corner.
  2. Friends' cards are in horizontal position as in mockup.
  3. In searching field is present 'search' icon on the right side.
  4. Searching field is on the right side.
  5. 'Friends' label is on the left side.
  6. 'Greencity' logo-label is the same size as 576x1146px mockup 576x1146px in mockup.

User story and test case links E.g.: "User story #2122 Test case"

AnnaMalibu commented 10 months ago

320*1387 Buttons overlap the name, requests link is cut. image

OksanaFilipchuk commented 10 months ago

Try switching to adaptive mode a few times. It works in Chrome and Mozzila

Знімок екрана 2023-12-12 о 23 58 58 Знімок екрана 2023-12-13 о 00 03 27