Контекстные подсказки

Ширина
Десктоп: 380px
Планшет: 480px
Смартфон: 280px

 

Стрелки по вертикали центрируются по размеру рабочей области картинки.

Контекстные подсказки появляются при нажатии на иконку со знаком вопроса, поверх контента.

В мобильной версии сообщение сдвигает вниз контент, находящийся ниже.

 


 

Фон подсказок с картинкой
HEX: #7996AB
RGB: 121,150,171


 

Фон текстовой подсказки
HEX: #EAF0F3
RGB: 234,240,243


 

Обводка 1PX
HEX: #CDCFD1
RGB: 205,207,209
Заливка
HEX: #F5F5F5
RGB: 245,245,245

 


 

Текст в подсказке
Ширина (фиксированная)
Десктоп: 270px
Планшет: 410px
Смартфон: 430px
Высота зависит от количества текста


 

Картинка в подсказке подстраивается под размер рабочей области подсказки
Десктоп 270х210
Планшет 410x300
Смартфон 190x160

 

 

 X1X2X3X4X5X6
Десктоп 60 45 20 15 25 18
Смартфон 60 45 20 15 25 15
Планшет 60 45 20  15 25 15
Лайткуб