Фронт: точки переноса в длинных ссылках (<wbr>), не полагаемся на CSS
Ссылка на онлайн-курс в поле аудитории — одно длинное слово. CSS-фикс (overflow-wrap/word-break) работает в современных движках, но на телефоне пользователя переполнение оставалось: старый движок или закэшированный CSS. Теперь фронтенд сам расставляет <wbr>: после служебных символов ссылок (/, ?, &, =, ., _, -) и не реже, чем каждые 24 символа; экранирование сохраняется. Перенос работает в любом браузере. Проверено в headless Chromium (390px и 320px): переполнений нет как с включёнными CSS-переносами, так и с принудительно отключёнными (эмуляция старого движка).
This commit is contained in:
@@ -80,6 +80,9 @@ nginx (https://schedule.our-place.ru) → 127.0.0.1:8090
|
||||
заменяется на «Окно».
|
||||
- Подпись недели появляется только там, где недели действительно
|
||||
различаются; бейдж «Сейчас» подсвечивает текущую неделю.
|
||||
- Длинные ссылки в карточке переносятся по служебным символам и каждые
|
||||
24 символа (`<wbr>`), поэтому карточка не вылезает за экран даже в старых
|
||||
браузерах, где нет `overflow-wrap`.
|
||||
- Приложение можно «установить» на главный экран (манифест + service
|
||||
worker + иконки приложения); на iOS иконку берёт `apple-touch-icon`.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user