Bug: длинный урл ломает верстку

[fey]

Summary

таблица не влезает в колонку, если урл очень длинный

Reproduction steps

Добавить опечатку с урлом, типа `https://guides.hexlet.io/ru/bootstrap/?_gl=1*uafu67*_ga*MTAwNjg4MjEyNC4xNjg5MzIxNTQw*_ga_PM3R85EKHN*MTY5MDU0NjAzOC4xMTQuMS4xNjkwNTQ2MDk4LjAuMC4w*_ga_WWGZ6EVHEY*MTY5MDU0NjAzOC4xMTMuMC4xNjkwNTQ2MDM4LjYwLjAuMA..` (и более)

Expected result

Верстка выглядит корректно, в две колонки

Actual result

На скриншоте.

Browsers

Chrome

OS

Linux

[fey]

Можно ограничить отображаемую ссыылку url. Либо посмотреть, можно ли сделать перенос текста с помощью css

[bazilval]

Может имеет смысл ещё и срезать query params и сохранять нормализованный url? По факту они не имеют смысла в рамках наших задач (виджет будет вешатьтся на всю страничку, а не страничку с query params)

Таким образом ещё можно избежать баги с сохранением одной и той же странички, но с разными query params

[fey]

@bazilval параметры могут использоваться на страницах в форме. Представьте что у вас 10к записей (тех же опечаток), и пользователь (например в интернет магазине) прислал опечатку. Если вы просто глянете на страницу, то не найдете в чем дело. Поэтому важно нам иметь доступ к странице и открывать ее.

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

[bazilval]

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

А здесь речь об общей ссылке, характеризующей страницу, куда добавлен виджет.

[fey]

Не совсем понял. По моему там отображается урл, с которого отправили опечатку.

[bazilval]

@fey а, только теперь увидел, что речь именно про ссылку в опечатке

я просто смотрел на ссылку, которая в воркспейсе и там тоже вёрстка едет некрасиво, когда длинная ссылка

[bazilval]

@fey тогда думаю можно сделать так, что в таблице с опечатками url отображаются сокращёнными с многоточием на конце и при этом являются активными ссылками, чтобы можно было сразу перейти

возможно даже вообще имеет смысл скрыть ссылку, чтобы просто была активная ссылка "Ссылка"

[fey]

Прятать пока не нужна, а обрезать - скорее всего. Я бы глянул в сторону верстки наверное, кажется что через нее должно решаться

[bazilval]

@fey Ну я через вёрстку и предлагаю, просто ссылке можно навесить класс Bootstrap "text-truncate" и style="max-width:450px;", получится вот так:

[fey]

@bazilval ок, давайте. Только почему 450px?
Еще, я бы показал ПР (когда появится) верстальщикам Хекслета, чтобы посмотрели и дали совет как лучше сделать.

[bazilval]

Ну вот с этим надо ещё решить, да
Пусть верстальщики скажут как лучше
Я отталкивался от того, что при масштабе 100% это максимальная ширина, при которой не переносятся остальные колонки

[fey]

Я отталкивался от того, что при масштабе 100% это максимальная ширина, при которой не переносятся остальные колонки

да, но это же от ширины экрана зависит?) У меня например есть второй монитор, он почти квадратный)

[bazilval]

Резонно)
Ну тут уж надо просто чтобы люди более разборчивые посмотрели

[bazilval]

@fey назначишь на меня?

[fey]

Актуально.