Крошки: одинаковые на всех страницах, на телефоне — 44 pxBreadcrumbs: the same on every page, 44 px on a phone

ЦельGoal

Инвестор на странице лота или проекта пальцем с первого раза переходит к проекту, городу или стране по строке «Главная › Турция › Город › Проект» — и эта строка выглядит так же, как на страницах страны и города.On a lot or project page an investor taps through to the project, city or country in the «Home › Turkey › City › Project» line on the first try — and the line looks the same as on the country and city pages.

ЗадачаProblem

Правило оформления меню сайта действовало и на крошки страниц проекта и лота (47 + 231 страница): там они шли флекс-строкой с промежутками 12 px вокруг «›» и без подчёркивания, а на страницах страны и города — обычной подчёркнутой строкой. На телефоне зона нажатия крошки на страницах страны, города, «Сравнение», «Метод» и «Источники» была 31 px, на проекте — 44 px; на лоте крошки шли в две строки (у 228–231 из 231 лота), и у ссылок первой строки зона была 33 px.A rule meant for the site menu also styled the breadcrumbs on project and lot pages (47 + 231 pages): there they were a flex row with 12 px gaps around «›» and no underline, while on the country and city pages they are a plain underlined line. On a phone a crumb's tap zone on the country, city, «Compare», «Method» and «Sources» pages was 31 px, on a project 44 px; on a lot the crumbs took two lines (228–231 of 231 lots), and the links of the first line had a 33 px zone.

Как решилиHow it was solved

• Правила меню теперь действуют только на меню в шапке сайта; крошки на проекте и лоте подчёркнуты и выглядят как на городе и стране. Шапка сайта не изменилась.The menu rules now apply only to the menu in the site header; the crumbs on projects and lots are underlined and look as on city and country pages. The site header did not change.
• На телефоне у каждой ссылки в крошках зона нажатия 44 px — и на одной строке, и на двух, без наложения строк друг на друга; «›» и название текущей страницы идут обычным текстом. Заголовок страницы ниже: на 11 px на страницах страны, города, «Сравнение», «Метод» и «Источники», на 3 px на проекте, на 13 px у большинства лотов, на 10–11 px на страницах /features/. На 390 px у 10 лотов в русской версии и у 37 в английской крошки теперь помещаются в одну строку, и заголовок выше на 31 px; на 320 px у 16 лотов он выше на 8 px.On a phone every breadcrumb link has a 44 px tap zone — on one line or two, without one line covering the other; «›» and the current page name flow as plain text. The page title is lower: by 11 px on the country, city, «Compare», «Method» and «Sources» pages, by 3 px on a project, by 13 px on most lots, by 10–11 px on the /features/ pages. At 390 px the crumbs of 10 lots in the Russian version and 37 in the English one now fit on one line, and the title is 31 px higher; at 320 px it is 8 px higher on 16 lots.
• На компьютере крошки проекта и лота — как на городе: подчёркнуты, заголовок выше на 8 px (высота ссылки — 17 px, как на городе; была 30 px с отступами меню).On a computer the crumbs of projects and lots are as on a city page: underlined, the title 8 px higher (the link is 17 px tall, as on a city page; it was 30 px with the menu padding).

До и послеBefore and after