Адреса источников на планшете и компьютере — на всю ширину строкиSource addresses on a tablet and computer take the full row width
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор на экране от 800 px открывает список адресов домена и читает каждый адрес в одну–три строки, а не узким столбиком.An investor on a screen from 800 px opens a domain's list of addresses and reads each address in one to three lines, not as a narrow column.
ЗадачаProblem
С 800 px каталог источников — таблица, и открытый список адресов помещался в узкую последнюю колонку. Длинный адрес занимал до 12 строк (800 px, русский), даже на 1280 px — до 7; на 800 px у 91 из 97 доменов был адрес длиннее 3 строк. При открытии любого списка таблица заново делила ширину колонок, и строки сдвигались.From 800 px the source catalogue is a table, and an open list of addresses fitted into the narrow last column. A long address took up to 10 lines (800 px, English; up to 12 on the Russian page), up to 6 even at 1280 px; at 800 px 85 of 97 domains had an address longer than 3 lines. Opening any list made the table share out its column widths again, and the rows shifted.
Как решилиHow it was solved
- Открытый список адресов теперь идёт на всю ширину строки под доменом и начинается ниже текста соседних ячеек, поэтому не закрывает тип, число фактов и дату. Замер на 800, 900, 1023, 1024 и 1280 px, русский и английский, каждый из 97 списков по одному: каждый адрес не длиннее 3 строк (на 1280 px — 2), горизонтальной прокрутки нет. Ширина колонок при открытии списка меняется у 12 из 97 доменов на 800 px (было у 97) и у 1 на 1280 px.An open list of addresses now runs the full width of the row under the domain and starts below the text of the neighbouring cells, so it does not cover the type, number of facts or date. Measured at 800, 900, 1023, 1024 and 1280 px, Russian and English, each of the 97 lists one at a time: every address takes at most 3 lines (2 at 1280 px), with no horizontal scrolling. Opening a list changes the column widths for 10 of 97 domains at 800 px (was 97) and for 1 at 1280 px.
- С закрытыми списками страница выглядит как прежде и той же высоты. До 799 px и без JavaScript ничего не изменилось.With the lists closed the page looks as before and has the same height. Nothing changed up to 799 px or without JavaScript.
До и послеBefore and after
