💄 Change position of info icon to error display for mobile view

[sasamuku]

Summary

Changed position of InfoIcon on ErrorDisplay.

The placement of the InfoIcon has been implemented in a tricky way.
Please let me know if there is a better way to meet design.

Before

🎨 Design	💻 ParseError	💻 NetworkError

After

🎨 Design	💻 ParseError	💻 NetworkError

• 💄 Refactor ErrorDisplay for responsive styling #617

Related Issue

Changes

Testing

Other Information

[changeset-bot]

🦋 Changeset detected

Latest commit: 114a688

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

Name	Type
@liam-hq/erd-core	Patch
@liam-hq/cli	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[MH4GF]

@sasamuku Am I correct in my understanding that the title and text should be aligned at the start on PC, but not on SP?

PC

SP

You are right, it is complicated.
It would have been more beneficial not to overcomplicate things here, so it seemed better to check with the our designer about her intentions and change it simple!

[hoshinotsuyoshi]

Oh, my bad. 🙇‍♂️ It probably started around #446 or #502, but I just noticed it after seeing this comment.

In browsers other than Chrome (e.g., Safari), the title message appears to be using a serif font-family.

• Main branch: https://liambx.com/erd/p/bad-place
• Preview: https://liam-erd-j4d9d6viv-route-06-core.vercel.app/erd/p/bad-place

I believe using a non-serif font is correct. Could you confirm? 🙏 @sasamuku

[sasamuku]

@MH4GF

Am I correct in my understanding that the title and text should be aligned at the start on PC, but not on SP?

Right, I considered changing a component structure, but it was difficult.

it seemed better to check with the our designer about her intentions and change it simple!

Sounds nice👍 I'll check with designer.

[sasamuku]

@hoshinotsuyoshi

I believe using a non-serif font is correct. Could you confirm?

Thanks for letting me know! I'll check it.

Fixed by:

• Fix font issue on safari #626

[sasamuku]

Finally

InfoIcon is hidden on mobile to avoid complexity:

💻 ParseError	💻 NetworkError

@MH4GF Could you please re-review?