Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

💄 Update font-family settings across ERD Renderer components #352

Merged
merged 5 commits into from
Dec 23, 2024

Conversation

hoshinotsuyoshi
Copy link
Member

@hoshinotsuyoshi hoshinotsuyoshi commented Dec 20, 2024

Summary

Fully applied the Inter font-family throughout.

safari:

スクリーンショット 2024-12-20 21 13 04

Related Issue

Changes

  1. 9065d33: Update web font URL to include Inter.
  2. 4aa18af: Update font-family setting in src/components/ERDRenderer/**/*.
  3. 381c3ae: Apply global font-family settings to Radix-originated toolbar.
  4. a3fed34: Apply font-family settings to Vaul-originated drawer.
  5. 28a9eb2: Add .changeset markdown.

Description

Changes 3. and 4. were necessary due to the relatively higher DOM hierarchy of the Toolbar and Drawer within src/components/ERDRenderer, requiring specific adjustments for these components. For change 3, I used a global setting. As noted in the CSS comments, I heavily referenced the information from Radix's issue radix-ui/primitives#2908.

Image description for change 3

Testing

Other Information

For browsers other than Google Chrome
@hoshinotsuyoshi hoshinotsuyoshi self-assigned this Dec 20, 2024
@hoshinotsuyoshi hoshinotsuyoshi changed the title font-family settings across ERD Renderer components 💄 Update font-family settings across ERD Renderer components Dec 20, 2024
Copy link
Member

@MH4GF MH4GF left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM 😄

@@ -5,6 +5,8 @@
/* NOTE: workaround for that drawer with modal={false} does not work */
/* ref: https://github.com/emilkowalski/vaul/issues/492 */
pointer-events: all;

font-family: var(--main-font);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍🏻

@MH4GF MH4GF added this pull request to the merge queue Dec 23, 2024
Merged via the queue into main with commit 3aa9f92 Dec 23, 2024
11 checks passed
@MH4GF MH4GF deleted the web-font-inter branch December 23, 2024 00:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants