Хлебные крошки

В навигационной панели выводится путь получателя услуги от главной страницы портала до текущей.

 

Последним разделом в панели «хлебных крошек» является текущая страница, ссылка неактивна.


«Хлебные крошки» идут на страницах оплаты как следующие разделы навигационного меню.


Все разделы «хлебных крошек», кроме последнего, кликабельны. Навигационная панель не отображается до перехода на страницы услуг.


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

 

 

Сокращение «хлебных крошек»

Строка длинного названия подуслуги убирается в многоточие. Минимальное количество символов до многоточия у последнего пункта в строке— 50. В случае, если количество становится меньше, пункты после главной слева направо сокращаются с полного названия до 10 символов и многоточия.

 

В примере пропорции навигационной панели сохранены.

 

 

 

В случае если в цепочке все пункты сокращены до 10 символов и многоточия, но при этом у последнего пункта все равно остается меньше 50 символов до многоточия, то пункты после главной слева направо начинают сокращаться с 10 символов и многоточия до многоточия.

 

 

В случае если в цепочке 10 первых пунктов сокращены до многоточия, и идет переход на пункт дальше, текущий пункт сокращается до многоточия и становится последним в цепочке, а первый пункт после главной (сокращенный до многоточия) из цепочки удаляется. Таким образом, все последующие переходы сдвигают цепочку влево с удалением из нее первых пунктов.

 

Внешний вид «хлебных крошек» с 10 и более промежуточных длинных пунктов.

 

Скрытое в многоточие название ссылки отображается в виде всплывающей подсказки, которая появляется, когда курсор задерживается на ссылке. Эффект аналогичен действию атрибута «title» для ссылок.

 

В примере пропорции навигационной панели сохранены.

 

 

Навигационная панель используются только на десктопе.

 

 

Заливка

HEX: #F6F6F6

RGB: 246,246,246

Обводка

HEX: #E1E1E1

RGB: 225,225,225

HEX: #DFDFDF

RGB: 223,223,223

Лайткуб