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

[retail-ui][Customization] Доработки кастомизации для перехода на 8px сетку #1733

Closed
13 tasks done
dzekh opened this issue Nov 14, 2019 · 5 comments
Assignees
Labels
customization Issues related to library customization big task enhancement major
Milestone

Comments

@dzekh
Copy link

dzekh commented Nov 14, 2019

В новой библиотеке в Фигме изменились размеры компонентов, и появились новые размеры у радиокнопок, чекбоксов, тоглов, выпадающих меню и табов и др. Все изменения размеров должны быть сделаны через кастомизацию, для этого нужно доработать список переменных и связи между ними.

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

Этапы в порядке приоритетов, которые нужно реализовать в версии 2.4 — 3.0:

Добавить в компоненты новые переменные и их зависимости

Первый этап — основные компоненты находящиеся непосредственно на слое страницы: поля, кнопки, радиокнопки, чекбоксы и прочие.

  • Добавить общие переменные
  • Добавить новые переменные в компоненты
  • Создать новую тему с новыми значениями и связями с общими переменные

Второй этап — компоненты, которые появляются новым слоем и не влияют на компоновку страницы. Это выпадающие меню, тултипы, хинты, модалка, сайдпейдж и прочие, сделанные на их основе.

  • Дописать ТЗ в Фигме
  • Добавить новые переменные в компоненты

Поменять иконки

Поменять иконки во всех компонентах обозначающие выпадающие списки

Group 61

  • Кнопка-меню
  • Селект (раскрывающийся список)
  • Инпут (автокомплит, комбобокс)

Проблемы, которые нужно решить параллельно

  • Смещение базовой линии во всех компонентах, функция shiftUp. Неактуально для Segoe, базовая линия Lab будет изучаться позже
  • Кликабельные области иконок
  • Плейсхолдеры смещаются относительно текста в полях при изменении размера шрифта переменными fontSizeLarge, fontSizeMedium и fontSizeSmall
  • Текст не всех типов кнопок или состояний кнопок зависит от переменных fontSizeLarge, fontSizeMedium и fontSizeSmall — не меняются кнопки-стрелки и кнопка в состоянии загрузки
  • size="large" и "medium" ломает FxInput — меняется только инпут. PR
@dzekh dzekh added enhancement major customization Issues related to library customization big task labels Nov 14, 2019
@dzekh dzekh pinned this issue Nov 14, 2019
@lossir
Copy link
Member

lossir commented Nov 14, 2019

Ещё size нет у Paging и Link

@dzekh
Copy link
Author

dzekh commented Nov 14, 2019

Ещё size нет у Paging и Link

по задумке линк должен зависеть от основного текста, а пэйджингу не нужно нескольких размеров.

@dzekh
Copy link
Author

dzekh commented May 26, 2020

#1840 #1875 #1849 #1877

@dzekh
Copy link
Author

dzekh commented May 7, 2021

@StathamJason тут есть еще несколько прилинкованных тасков в комментариях )

@dzekh
Copy link
Author

dzekh commented Jun 1, 2021

Всё прочекал, всё сделано, закрываю!

@dzekh dzekh closed this as completed Jun 1, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
customization Issues related to library customization big task enhancement major
Development

No branches or pull requests

4 participants