Выпадающие ошибки

Размер контекстной подсказки
Десктоп width: 380px
Планшет width: 480px
Смартфон width: 280px

 

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

 

 


 

Обводка 2PX
HEX: #DD191D
RGB: 225,25,29


 

Фон ошибки
HEX: #DB4056
Смартфон RGB: 219,64,86


 

Текст в ошибке имеет фиксированную ширину.
Высота зависит от количества текста
Десктоп width: 300px
Планшет width: 400px
Смартфон width: 200px

 

 X1X2X3X4
Десктоп 20 15 15 30
Смартфон 20 15 25 40
Планшет 20 15 25 20

 

 

 

Выпадающие ошибки существую для Десктопной, Планшетной, и Мобильной версии.

Внешний вид и поведение ошибок полей у Десктопной, Планшетной мобильной версии одинковы.

В следствии добавления контента более чем одна строка, поле растягивается по высоте. Сдвигая вниз контент под собой с сохранением отступов.

 

 X1
Десктоп 20
Смартфон 15
Планшет 20
Лайткуб