You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Компонент Steps
есть свойство isVerticalAlign: boolean, предлагаю, что можно было передавать как isVerticalAlign={false} или isVerticalAlign={{ mobile: false, tablet: { s: false, m: false, l: true}, desktop: true}}
Поведение
В зависимости от экрана клиента будет рендериться либо вертикально, либо горизонтально. Для большинства наших клиентов подходит десктоп, но мы делаем адаптивную верстку. Сейчас нам придется использовать useMedia хук, чтобы понимать экран клиента и рендерить в нужном виде: на маленьких экран рендерить Steps - горизонтально, на больших - вертикально
Чек лист
Внешний вид
Без изменений
Технические требования
Поддержка клиентских размеров экранов. По аналогии, как у нас с колонками <Grid.Col width={{ mobile: {s:..., m:..., l:...}, desktop: ...}} order={{ mobile:..., desktop:..., tablet:...}} />
Десктоп (если данных нет оставьте блок пустым):
Смартфон (если данных нет оставьте блок пустым):
The text was updated successfully, but these errors were encountered:
Обсудим с дизайнерами разделение на десктопный и мобильный компонент. Предположение что вертикальные шаги могут превратиться в горизонтальные и наоборот при адаптиве довольно спорное.
Обсудим с дизайнерами разделение на десктопный и мобильный компонент. Предположение что вертикальные шаги могут превратиться в горизонтальные и наоборот при адаптиве довольно спорное.
Странно, но в НИБе сейчас так используют, плюс мы прошли дизайн-чек и выкатились с костылем самописным
Описание
Компонент Steps
есть свойство
isVerticalAlign: boolean
, предлагаю, что можно было передавать какisVerticalAlign={false}
илиisVerticalAlign={{ mobile: false, tablet: { s: false, m: false, l: true}, desktop: true}}
Поведение
В зависимости от экрана клиента будет рендериться либо вертикально, либо горизонтально. Для большинства наших клиентов подходит десктоп, но мы делаем адаптивную верстку. Сейчас нам придется использовать useMedia хук, чтобы понимать экран клиента и рендерить в нужном виде: на маленьких экран рендерить Steps - горизонтально, на больших - вертикально
Чек лист
Внешний вид
Без изменений
Технические требования
Поддержка клиентских размеров экранов. По аналогии, как у нас с колонками
<Grid.Col width={{ mobile: {s:..., m:..., l:...}, desktop: ...}} order={{ mobile:..., desktop:..., tablet:...}} />
Десктоп (если данных нет оставьте блок пустым):
Смартфон (если данных нет оставьте блок пустым):
The text was updated successfully, but these errors were encountered: