search

divriots / story-to-design

Keep your Figma libraries true-to-code in a single click.
https://story.to.design
26 stars 0 forks source link

New component issue report #161

Closed andreeeabb closed 3 months ago

andreeeabb commented 3 months ago

Describe the problem

If I import the component Header the breakpoint for desktop is not working properly. The 2 level of menu should not wrap and be inline. Also the fonts from first level should have weight bold 700 or so

Bug report identity: Please do not edit

Task path: WRqbNjeh3JQJI2q3UWHJ/Gab0oM6UwdAjnFi3f001/mzjlgceo9fow

muryoh commented 3 months ago

Hi there,

So, I indeed identified a problem with the font matching, because the font is somewhat not standard and instead of describing the weight in its styles it's actually just providing the value eg on Inter, we see: image however on the font you use, Museo Sans, we see: image

Anyway, we'll be adding support for this 👍

The other problem, regarding the menu wrapping, is slightly trickier The very same text, using the same font, differs in width in the browser and in Figma, making it complicated for us 😢. In the browser: image

in Figma: image

This width difference seems to build up and impact the wrapping

Still checking

Best regards, Remy

muryoh commented 3 months ago

Pushed a fix internally, will validate with my better peers and hopefully a release will come during the week

Cheers Remy

gqio commented 3 months ago

Hello @andreeeabb

Fix has been released. Please reopen if you still experiencing the issue.

Best.