Топ-список теперь есть в строке навигации

У этого сайта есть топ-список: самые посещаемые публичные счётчики, плюс частичные списки по странам и языкам. Он построен, переведён на одиннадцать языков, из него можно выйти, и работает он уже некоторое время.

До этого изменения на него ссылались ровно из двух мест: из самого топ-списка и из sitemap.xml. Не из строки навигации, не из подвала, не с главной. Попасть туда означало знать адрес заранее. Теперь это пятое назначение в строке навигации.

Это та же форма, что и у шести готовых функций, до которых было трудно добраться, и не заметили её по той же причине: изнутри страница, которая открывается, выглядит как страница, которая есть. Разница становится видна, когда посчитаны ссылки, указывающие на неё.

Одна ссылка — и что она вскрыла

Строка навигации строится один раз и рисуется дважды — как ряд на широких экранах и внутри бургер-меню ниже точки переключения. Пятая цель — это одна строка. Прежде чем добавлять, мы измерили, насколько широким ряд получается на самом деле.

Доступный здесь браузерный инструмент не считает разметку — он возвращает 0 для любой ширины и любого элемента. Поэтому подписи измерили через GD по настоящему файлу шрифта в размере строки, на каждом языке. Системные шрифты уже того, которым мерили, так что числа выходят немного великоватыми, и это правильное направление для верхней границы.

язык	четыре цели	пять
французский	982 px	1 123 px
испанский	946 px	1 130 px
китайский	730 px	802 px

Бургер-меню перехватывало с 640 px. Значит, ряду уже с четырьмя целями требовалось до 982 px, и между 640 px и 980 px он всё это время выходил за край — у списка нет ни переноса, ни защиты от переполнения, а инструменты справа давят на него через margin-left: auto.

Пятый элемент только расширил бы эту полосу. Точка переключения вместо этого переехала на 1 140 px.

Решение, которое не выбрали

Очевидное — дать ряду перенестись на вторую строку. От него отказались по конкретной причине: живая полоса на страницах статистики цепляется за край через top: 57px, и это число — высота строки навигации. Двухстрочная полоса заезжала бы сама под себя на каждой странице статистики. Сдвиг точки переключения оставляет высоту ровно такой, какой она была.

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