Alexiy1984 / core_kit

0 stars 0 forks source link

Инпуты #7

Closed kamelot43 closed 3 years ago

kamelot43 commented 4 years ago
Screenshot at Nov 10 10-51-34

разная толщина рамок // нужно протестировать вариант с append и prepend (ширина рамок)

kamelot43 commented 4 years ago
Screenshot at Nov 10 10-52-56

этот момент стоит уточнить у Бахи или Веталика. Как должно выглядеть поле при фокусе ? такой вариант с outline мне кажется не очень красивым. как поступить - лучше спросить у ребят кто шарит в дизайне )

kamelot43 commented 4 years ago

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

вот кстати нашел label

Screenshot at Nov 10 11-14-46
kamelot43 commented 4 years ago
Screenshot at Nov 10 10-56-12

нужно понять дальнейшую логику работы этих кнопок. этот вопрос тоже стоит уточнить у Бахи. при клике на глаз мы показываем/скрываем текст или что должно быть ? нужно будет для теста запилить пару обработчиков

....................... скорее всего реализация должна быть такой: в полях, где есть глазик - клик по нему скрывает/показывает текст в поле.

Screenshot at Nov 10 11-18-35
kamelot43 commented 4 years ago
Screenshot at Nov 10 10-58-56

при фокусе в поле placeholder должен плавно исчезать.

kamelot43 commented 4 years ago
Screenshot at Nov 10 11-06-51

цвет рамок

kamelot43 commented 4 years ago
Screenshot at Nov 10 11-06-11

вот это поле сложное. оно должно принимать три значение : номер карты (числовой формат). есть ограничения по макс длине символов + разбиваем на группы (4 * 4 символа) (можно посмотреть валидацию с помощью регялярных выражений).

далее принимаем срок действия карты + CVV2/CVC2 (все значения числовые). скорее всего в bootstrap нет похожего кейса и придется искать стороннее решение (библиотеку какую-нибудь).

сейчас это поле не корректно работает.

Screenshot at Nov 10 11-07-58

левая часть не заполняется , в поле для карты принимает текст , чего в принципе быть не может

kamelot43 commented 4 years ago
Screenshot at Nov 10 11-21-03

не все варианты инпутов сейчас реализованы

// обсудить с Деном или Бахой как должно работать поле с тегами и какой у него мин. функционал.

kamelot43 commented 4 years ago
Screenshot at Nov 10 11-23-45

в одном случае ховера нет, в другом - резкий без анимации

Alexiy1984 commented 3 years ago

input-group placeholder

kamelot43 commented 3 years ago

где-то анимация плавная , где-то мгновенная. (страница components и main)

Screenshot at Nov 24 10-58-56 Screenshot at Nov 24 10-58-33
kamelot43 commented 3 years ago
Screenshot at Nov 24 10-42-18

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

kamelot43 commented 3 years ago
Снимок экрана 2020-11-24 в 11 03 31 Снимок экрана 2020-11-24 в 11 03 21

при ховере кнопка становится светлее, а рамка у поля темнее. виден контраст . это конечно не супер страшно, но разница визуально видна.

kamelot43 commented 3 years ago
Screenshot at Nov 24 11-12-46 Screenshot at Nov 24 11-13-22

похоже, что у нас есть два элемента, которые дублируют друг друга. form-group не переиспользует компонент form . в теории можно на form-group применить стили form. вроде мы обсуждали этот момент. с одной стороны не хочется оборачивать input лишними тегами, с другой стороны получается дублирование элементов с похожим функционалом. возникнет вопрос что использовать.

Alexiy1984 commented 3 years ago

input group number

у этого элемента должны быть три атрибута: минимальное значение, максимальное значение. . например значение 0 минимальное. в -1 при таком варианте не получится уйти.

///

спорные моменты по dropdown и input number обсуди пожалуйста с Деном. как должно работать и какой мин. функционал должен быть предусмотрен .

kamelot43 commented 3 years ago
Screenshot at Nov 25 10-50-05

в поле для ввода карты не активно поля для периода действия карты

kamelot43 commented 3 years ago
Screenshot at Nov 25 10-52-46

не совсем понимаю как должны работать эти поля. это вариант append и prepend без рамок ?

kamelot43 commented 3 years ago

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

если поля цветные - то и обводка цветная должна быть. синий цвет скорее всего привязан к дефолтному полю. если это спорный вопрос - стоит обсудить с дизайнерами.

Alexiy1984 commented 3 years ago

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

если поля цветные - то и обводка цветная должна быть. синий цвет скорее всего привязан к дефолтному полю. если это спорный вопрос - стоит обсудить с дизайнерами.

Input group состоит из нескольких элементов и анимация обводки выглядит некрасиво

Alexiy1984 commented 3 years ago
Screenshot at Nov 10 10-51-34

разная толщина рамок // нужно протестировать вариант с append и prepend (ширина рамок)

Исправлено

Alexiy1984 commented 3 years ago

input group number

у этого элемента должны быть три атрибута: минимальное значение, максимальное значение. . например значение 0 минимальное. в -1 при таком варианте не получится уйти.

///

спорные моменты по dropdown и input number обсуди пожалуйста с Деном. как должно работать и какой мин. функционал должен быть предусмотрен .

Обсудили с Денисом оставляем как есть сейчас

kamelot43 commented 3 years ago

fixed