Closed kamelot43 closed 3 years ago
этот момент стоит уточнить у Бахи или Веталика. Как должно выглядеть поле при фокусе ? такой вариант с outline мне кажется не очень красивым. как поступить - лучше спросить у ребят кто шарит в дизайне )
цвет иконок должен менять плавно, а не мгновенно. Нужно еще предусмотреть вариант поля c label и протестировать как все работает. Возможно сейчас в макете нет label, но это очень частый кейс и его стоит предусмотреть .
вот кстати нашел label
нужно понять дальнейшую логику работы этих кнопок. этот вопрос тоже стоит уточнить у Бахи. при клике на глаз мы показываем/скрываем текст или что должно быть ? нужно будет для теста запилить пару обработчиков
....................... скорее всего реализация должна быть такой: в полях, где есть глазик - клик по нему скрывает/показывает текст в поле.
при фокусе в поле placeholder должен плавно исчезать.
цвет рамок
вот это поле сложное. оно должно принимать три значение : номер карты (числовой формат). есть ограничения по макс длине символов + разбиваем на группы (4 * 4 символа) (можно посмотреть валидацию с помощью регялярных выражений).
далее принимаем срок действия карты + CVV2/CVC2 (все значения числовые). скорее всего в bootstrap нет похожего кейса и придется искать стороннее решение (библиотеку какую-нибудь).
сейчас это поле не корректно работает.
левая часть не заполняется , в поле для карты принимает текст , чего в принципе быть не может
не все варианты инпутов сейчас реализованы
// обсудить с Деном или Бахой как должно работать поле с тегами и какой у него мин. функционал.
в одном случае ховера нет, в другом - резкий без анимации
где-то анимация плавная , где-то мгновенная. (страница components и main)
вот эти поля для карты сейчас не работают. можно ввести текст и нет возможности ввести все данные картты. другие поля работают нормально
при ховере кнопка становится светлее, а рамка у поля темнее. виден контраст . это конечно не супер страшно, но разница визуально видна.
похоже, что у нас есть два элемента, которые дублируют друг друга. form-group не переиспользует компонент form . в теории можно на form-group применить стили form. вроде мы обсуждали этот момент. с одной стороны не хочется оборачивать input лишними тегами, с другой стороны получается дублирование элементов с похожим функционалом. возникнет вопрос что использовать.
у этого элемента должны быть три атрибута: минимальное значение, максимальное значение. . например значение 0 минимальное. в -1 при таком варианте не получится уйти.
///
спорные моменты по dropdown и input number обсуди пожалуйста с Деном. как должно работать и какой мин. функционал должен быть предусмотрен .
в поле для ввода карты не активно поля для периода действия карты
не совсем понимаю как должны работать эти поля. это вариант append и prepend без рамок ?
при вводе текста в поле синяя обводка должна появляться плавно и плавно исчезать при перемещении фокуса . и нужно протестить как будет работать с цветными полями и иконками , которые вроде были .
если поля цветные - то и обводка цветная должна быть. синий цвет скорее всего привязан к дефолтному полю. если это спорный вопрос - стоит обсудить с дизайнерами.
при вводе текста в поле синяя обводка должна появляться плавно и плавно исчезать при перемещении фокуса . и нужно протестить как будет работать с цветными полями и иконками , которые вроде были .
если поля цветные - то и обводка цветная должна быть. синий цвет скорее всего привязан к дефолтному полю. если это спорный вопрос - стоит обсудить с дизайнерами.
Input group состоит из нескольких элементов и анимация обводки выглядит некрасиво
разная толщина рамок // нужно протестировать вариант с append и prepend (ширина рамок)
Исправлено
у этого элемента должны быть три атрибута: минимальное значение, максимальное значение. . например значение 0 минимальное. в -1 при таком варианте не получится уйти.
///
спорные моменты по dropdown и input number обсуди пожалуйста с Деном. как должно работать и какой мин. функционал должен быть предусмотрен .
Обсудили с Денисом оставляем как есть сейчас
fixed
разная толщина рамок // нужно протестировать вариант с append и prepend (ширина рамок)