Как узнать, когда текст перепрыгивает в несколько строк из одной?

Question

[eugenedrvnk]

Есть такой блок с иконкой и текстом.

И при уменьшении ширины, блок перестаёт помещаться в одну строку и в этом моменте я просто скрываю иконку.
Но проблема в том, что на сайте есть разные переводы и текст должен быть то длиннее, то короче и из-за этого на разных переводах эту иконку нужно убирать на разных брейкпоинтах.

Есть ли какое-то универсальное решение, которое может детектить момент перепрыгивания и скрывать иконку?
Или тут нужно только жс'ом мониторить высоту блока и от этого отталкиваться?

Answer 1

[r_g_b_a]

Если RTL-языков не будет https://jsfiddle.net/nob5qwt3/

Comments

[eugenedrvnk]

Немного ломается решение в ситуации когда высота иконки больше высоты строки, но конкретно в моём случае (да и думаю в большинстве) это решает проблему, спасибо.

Answer 2

[Лев Забудкин]

https://jsfiddle.net/357d2ka6/1/ может это поможет, я так понимаю разница в пикселях не существенная при разных переводах-то, да и шрифт если что менять для разных переводов можно.