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.

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

Возможность менять положение snackbar по высоте #5162

Closed
dimensi opened this issue Jun 1, 2023 · 3 comments · Fixed by #5454
Closed

Возможность менять положение snackbar по высоте #5162

dimensi opened this issue Jun 1, 2023 · 3 comments · Fixed by #5454

Comments

@dimensi
Copy link

dimensi commented Jun 1, 2023

В мобилке в некоторых интерфейсах в нижней части экрана могут быть какие-то важные элементы управления, но снекбар своим появлением может перекрывать их.
Хотелось бы возможность регулировать положение снекбара.

@SevereCloud SevereCloud transferred this issue from VKCOM/icons Jun 1, 2023
@SevereCloud SevereCloud added this to VKUI Jun 1, 2023
@github-project-automation github-project-automation bot moved this to 🗃 Backlog in VKUI Jun 1, 2023
@inomdzhon
Copy link
Contributor

inomdzhon commented Jun 1, 2023

Duplicate of #5160

@inomdzhon inomdzhon marked this as a duplicate of #5160 Jun 1, 2023
@inomdzhon inomdzhon closed this as not planned Won't fix, can't repro, duplicate, stale Jun 1, 2023
@github-project-automation github-project-automation bot moved this from 🗃 Backlog to ✅ Done in VKUI Jun 1, 2023
@inomdzhon
Copy link
Contributor

А, непонимание вышло, сорри. Переоткрываю задачу.

@inomdzhon inomdzhon reopened this Jun 1, 2023
@github-project-automation github-project-automation bot moved this from ✅ Done to 🔜 To do in VKUI Jun 1, 2023
@mendrew mendrew self-assigned this Jul 3, 2023
@mendrew mendrew moved this from 🔜 To do to 🔧 In progress in VKUI Jul 3, 2023
@mendrew
Copy link
Contributor

mendrew commented Jul 10, 2023

@dimensi Привет!

Для мобилок у нас уже есть рабочее решение на основе компонента Epic.
Если Snackbar рендерить внутри Epic и для меню использовать компоненты Tabbar и TabbarItem то размер меню будет учтён.
Вот пример на codesandbox
Снимок экрана 2023-07-10 в 18 28 16

И код, относящийся к этому решению.

/**
* CMP:
* Epic
*/
:global(.vkuiInternalEpic--hasTabbar) .Snackbar {
padding-bottom: calc(
var(--vkui_internal--tabbar_height) + var(--vkui_internal--safe_area_inset_bottom)
);
}

Понятно, что если эти компоненты не используются, то переписывать на них будет проблемматично.
Поэтому к текущему решению мы постараемся в скором времени добавить свойство offsetY в Snackbar, чтобы упростить задачу.

Ещё мы думаем над созданием специального компонента-обёртки, в который можно было бы оборачивать меню или любые другие элементы, находящиеся внизу экрана. При наличии такой обёртки мы могли бы автоматически поднимать Snackbar на нужную высоту.
Что думаешь об этом варианте? Было бы такое полезно?

@mendrew mendrew moved this from 🔧 In progress to 👀 In Review in VKUI Jul 11, 2023
@inomdzhon inomdzhon added this to the v5.7.0 milestone Jul 11, 2023
@github-project-automation github-project-automation bot moved this from 👀 In Review to ✅ Done in VKUI Jul 13, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Archived in project
Development

Successfully merging a pull request may close this issue.

4 participants