Как правильно стилизовать html внутри iconContent?

Question

[photosho]

Имеется набор меток, вместо изображений меток задан html, при стилизации которого внешняя обертка не растягивается по ширине текста. Вот пример:

https://codepen.io/photosho/pen/qBYoYPo

Подскажите, как решить эту проблему.

Answer 1

[freeExec]

Так а зачем ты задал
width: 32px;

Comments

[photosho]

Осталось от проекта, с которого создавал пример. :D Если убрать, все то же самое - ширина внешней обертки не меняется, и сама метка остается не кликабельной.

Частично проблему можно попробовать решить при помощи опций:

iconContentSize
iconContentOffset

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

[freeExec]

photosho, тогда да, придётся делать грязные хаки, чтобы получить размеры текста и подставить их в размер иконки.