ita-social-projects / ita-social-projects/StreetCode_Client

[Wow-facts block/Interesting facts block] Opened modal window of Wow-fact is shifted to the right side of screen

Open
#1,247 0 comments 0 reactions 2 assignees Claimed by @Shossy View on GitHub
bug
Dominant language
TypeScript
Stars
15
Forks
10
PR merge metrics
No merged PRs in 30d

Description

**Environment:** Windows 10, Google Chrome 124.0.6367.92
**Reproducible:** always
**Build found:**[79fb490](https://github.com/ita-social-projects/StreetCode/commit/79fb4900bc472c7efaf3e92e659797ccf1273ce6)
**Type:** UI
**Severity:** high
**Priority:** high

**Preconditions**
1. Streetcode is created
2. At least 1 Wow-fact is added

**Steps to reproduce**
1. Open Streetcode page
2. Go to Wow-facts block
3. Open Development Tools
1. Click on Wow-fact , modal window of fact is opened
2. Choose resolution 360 px

**Actual result**
Opened modal window of Wow-fact is shifted to the right side of screen in 360-375 resolution
![image](https://github.com/ita-social-projects/StreetCode_Client/assets/160481219/5e033146-b251-4ea0-bf67-81f0f5cffc50)

**Expected result**
Opened modal window of Wow-fact is in the centre of screen
[Mockup](https://www.figma.com/file/9ydz23Y1yKPGx92lsqBhak/StreetCode?type=design&node-id=18632-34025&mode=design&t=Br7H0m5d6qxGyReZ-0)

**User story and test case links**
User story #26
Test case #1277

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.