Skip to content

Conversation

@itsmartashub
Copy link
Owner

Closes #10

  • Add few more Google fonts
  • Sort them by name (make Default always first)
  • Fix the issue where select list with custom font-families keep increasing in width when repeatedly triggering hover/focus states (caused by translate CSS property being applied to inputs and selects during :hover and :focus states)

… width issue (#10)

- Add additional custom font families from Google Fonts to expand typography options
- Resolve the issue where select lists increased their width on hover or focus
  - Identify and fix the root cause: `translate` CSS property applied to inputs and selects during `:hover` and `:focus` states
- Ensure consistent sizing and behavior for select lists across all interactions

Changes summary:
Added more custom font families and fixed the select list width issue caused by the `translate` CSS property during hover and focus events, ensuring stable and consistent UI behavior.
@itsmartashub itsmartashub self-assigned this Jun 9, 2025
@itsmartashub itsmartashub changed the title feat(custom/fonts): add more custom font families and fix select list… Add more custom font families and fix select fonts list width issue on hover Jun 9, 2025
@itsmartashub itsmartashub merged commit 01d05e0 into main Jun 9, 2025
1 check passed
@itsmartashub itsmartashub changed the title Add more custom font families and fix select fonts list width issue on hover Add more custom fonts and fix fonts list width issue on hover Jun 9, 2025
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.

Add more font families

1 participant