retail-ui icon indicating copy to clipboard operation
retail-ui copied to clipboard

[Button] Еext overflow IF-572

Open Eazymov opened this issue 2 years ago • 6 comments

@skbkontur/[email protected] [email protected] [email protected]

(У кнопки указана ширина 150px) image

Предполагаемое решение: image image

Юзкейс: в одном из контролов как текст кнопки задаём имя выбранного файла, если он есть. Не редко имя файла длинное.

Eazymov avatar Jun 29 '22 11:06 Eazymov

Привет! Это поведение потенциально ломающее, так что мы не можем сделать его поведением по умолчанию, но в том, чтобы добавить проп, который будет включать такое поведение - ничего плохого не вижу

Егор (@zhzz) и Вова (@dzekh), что думаете по этому поводу?

JackUait avatar Jun 29 '22 17:06 JackUait

Да, думаю можно добавить проп.

zhzz avatar Jun 30 '22 10:06 zhzz

Создал задачу, будем заниматься

JackUait avatar Jun 30 '22 12:06 JackUait

норм, но может какие-то ворнинги добавить? Ибо так нельзя по гайдам: https://guides.kontur.ru/components/button/#13

Обрезать конечно всё равно лучше чем чтобы вот так торчало, но это не должно быть «даром».

И еще можно подумать над опциями как обрезать — в середине может или в конце, или в начале названия. от того где находится наиболее ценная инфа.

dzekh avatar Jun 30 '22 12:06 dzekh

Думаю, что ворнинг - это лишнее, так как пользователи библиотеки реализуют дизайн, следовательно, если такой кейс возникает - проблема кроется где-то в дизайне

И тут два решения:

  1. Добавить проп, который будет обрезать текст кнопки
  2. Выводить название файла в другом месте, например, в тултипе

JackUait avatar Jul 01 '22 10:07 JackUait

@Eazymov Мы пока не берем в работу эту задачу, но будем рады принять пулл-реквест!

dzekh avatar Jul 04 '22 07:07 dzekh