Цена лота при крупном тексте — без прокрутки вбокThe lot price with large text — no sideways scrolling
· Открыть на сайтеOpen on the site
ЦельGoal
Инвестор, у которого в браузере текст увеличен вдвое, видит цену лота, пересчёты, метки и «i» источника целиком, не прокручивая страницу вбок.An investor whose browser shows text at double size sees the lot price, the conversions, the labels and the source «i» in full, without scrolling the page sideways.
ЗадачаProblem
Метки у цены не переносились на вторую строку. При тексте 200 % метка «посчитано нами, курс на …» вместе с «i» была шире колонки цены, и у 124 лотов страница становилась шире экрана: на 641 px (русский) — на 11 px с мышью и на 21 px на сенсорном экране, на 320 px — на 206 px (русский) и 81 px (английский). «i» уходила за край экрана, на снимке ниже — и конец метки «заявление продавца».The price labels did not wrap to a second line. With text at 200 % the «computed by us, rate of …» label together with «i» was wider than the price column, and on 124 lots the page became wider than the screen: at 641 px (Russian) by 11 px with a mouse and by 21 px on a touch screen, at 320 px by 206 px (Russian) and 81 px (English). «i» went past the edge of the screen; in the picture below, so did the end of the «seller's claim» label.
Как решилиHow it was solved
- Метки цены и цены за м² переносятся на вторую строку, только если не помещаются в строку целиком. При тексте 200 % (320–1280 px, русский и английский; на 641 px — с мышью и на сенсорном экране) страница у всех 124 лотов не шире экрана.The price and price-per-m² labels wrap to a second line only when they do not fit on a line as a whole. With text at 200 % (320–1280 px, Russian and English; at 641 px with a mouse and on a touch screen) the page of all 124 lots is no wider than the screen.
- При обычном размере текста с 344 px ничего не изменилось. На 320 px (русский) метка «посчитано нами, курс на …» с «i» раньше выступала из колонки на 11 px — теперь она в две строки, страница длиннее на 7–60 px.At normal text size nothing changed from 344 px. At 320 px (Russian) the «computed by us, rate of …» label with «i» used to stick 11 px out of the column — now it takes two lines and the page is 7–60 px longer.
До и послеBefore and after
