Skip to content

[Feature][Layout]: Расширить свойство padding значением system #9254

@inomdzhon

Description

@inomdzhon

Проблема

Компонент Div помечен устаревшим начиная с v7.9.0 в пользу Box (см. #8928).

У Box, в отличии от Div, не защиты отступы, пользователь может задать сам нужное ему значение, но есть загвоздка, что тот же Div использовать токены --vkui--size_base_padding_vertical--regular и --vkui--size_base_padding_horizontal--regular, которые зависят от platform.

В Box же нужно самому про эти переменные знать и самому передавать следующим образом:

<Box
  paddingInline="var(--vkui--size_base_padding_horizontal--regular)"
  paddingBlock="var(--vkui--size_base_padding_vertical--regular)"
>
  ...
</Box>

Решение

Нужно в общих компонентах раскладки для padding добавить значение system.

  • При padding="system" задаем var(--vkui--size_base_padding_vertical--regular) и var(--vkui--size_base_padding_horizontal--regular).
  • При paddingBlock, paddingBlockStart, paddingBlockEnd задаем var(--vkui--size_base_padding_vertical--regular).
  • При paddingInline, paddingInlineStart, paddingInlineEnd задаем var(--vkui--size_base_padding_vertical--regular).

Metadata

Metadata

Assignees

No one assigned

    Projects

    Status

    No status

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions