Skip to content

[Feature]: Сделать свойства компонентов раскладки адаптивными #8932

@inomdzhon

Description

@inomdzhon

Компоненты

Помимо новых свойств из #8871:

Брейкпоинты

Для свойств выше нужно расширить количество брейкпоинтов, а также внести новое именование.

Новое именование Значение const BREAKPOINTS const MEDIA_QUERIES ViewWidth
initial 0px SMALL_MOBILE
mobile 320px MOBILE
smallTable 768px SMALL_TABLET SMALL_TABLET_PLUS SMALL_TABLET
table 1024px TABLET TABLET
desktop 1280px DESKTOP DESKTOP_PLUS DESKTOP
* compact (pointer: fine) and (min-width: 768px), (max-height: 414.9px);
* regular (pointer: coarse) and (min-height: 415px), (pointer: none) and (min-height: 415px), (max-width: 767.9px) and (min-height: 415px);

*

  1. Тогда придётся реагировать на контекст AdaptivityProvider

  2. Кейс, который нужно проверить

<Flex padding={{ compact: 's', regular: 'm' }} />

В колонках 3-5 примерные сопоставления с тем, что уже сейчас есть. Используются для:

Требование

  • Mobile First
  • контекст AdaptivityProvider учитывать пока не будем

Metadata

Metadata

Projects

Status

🔜 To do

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions