Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Shelter part3: update the conditions for closing the popup window and the burger menu #1682

Merged
merged 2 commits into from
Aug 7, 2024
Merged

Shelter part3: update the conditions for closing the popup window and the burger menu #1682

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
9b6dd9e
docs: update popup closing condition
anthony-th Aug 6, 2024
1ce7fa7
docs: update burger closing condition
anthony-th Aug 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 2 additions & 2 deletions tasks/shelter/shelter-part3.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@
- при ширине страницы меньше 768рх панель навигации скрывается, появляется бургер-иконка: **+2**
- при нажатии на бургер-иконку, справа плавно появляется адаптивное меню шириной 320px, бургер-иконка плавно поворачивается на 90 градусов: **+4**
- высота адаптивного меню занимает всю высоту экрана: **+2**
- при повторном нажатии на бургер-иконку или на свободное от бургер-меню пространство адаптивное меню плавно скрывается уезжая за правую часть экрана, бургер-иконка плавно поворачивается на 90 градусов обратно: **+4**
- при повторном нажатии на бургер-иконку или на свободное от бургер-меню пространство (оба варианта должны быть реализованы) адаптивное меню плавно скрывается уезжая за правую часть экрана, бургер-иконка плавно поворачивается на 90 градусов обратно: **+4**
- бургер-иконка создана при помощи html+css, без использования изображений: **+2**
- ссылки в адаптивном меню работают, обеспечивая плавную прокрутку по якорям, сохраняются заданные на первом этапе выполнения задания требования интерактивности элементов меню: **+2**
- при клике по любой ссылке (интерактивной или неинтерактивной) в меню адаптивное меню плавно скрывается вправо, бургер-иконка поворачивается на 90 градусов обратно: **+2**
Expand Down Expand Up @@ -79,7 +79,7 @@
- попап появляется при нажатии на любое место карточки с описанием конкретного животного: **+2**
- часть страницы вне попапа затемняется: **+2**
- при открытии попапа вертикальный скролл страницы становится неактивным, при закрытии - снова активным: **+2**
- при нажатии на область вокруг попапа или на кнопку с крестиком попап закрывается, при этом при нажатии на сам попап ничего не происходит: **+2**
- при нажатии на область вокруг попапа или на кнопку с крестиком попап закрывается (оба варианта должны быть реализованы), при этом при нажатии на сам попап ничего не происходит: **+2**
- кнопка с крестиком интерактивная: **+2**
- окно попапа (не считая кнопку с крестиком) центрировано по всем осям, размеры элементов попапа и их расположение совпадают с макетом: **+2**

Expand Down
Loading