Skip to main content

Hello folks, on the attached screenshot you can see a navigation element. In this element can be a badge that contains a name. I want the badge to hug the name until the width of the badge exceeds the width of the parent frame. From then on, the text should be truncated.


As far as I know, the text layer should be set to “Fill” and the frame with the background area should be set to “Hug”. But this is not possible. What am I doing wrong?


Bildschirmfoto 2024-07-08 um 10.17.05


Bildschirmfoto 2024-07-08 um 10.22.14

Hi, look for the option “Truncate text” after a given number of lines in the Type settings modal

image


EDIT: although in your case since you need both Hug and Fill behaviors I’m not sure it’s actually possible without using max-widths that would be hard to specify

Reply


Terms & ConditionsCookie settings