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

[Bug]: various elements have fixed font-sizes #40

Open
2 tasks done
kgryte opened this issue Oct 2, 2021 · 0 comments
Open
2 tasks done

[Bug]: various elements have fixed font-sizes #40

kgryte opened this issue Oct 2, 2021 · 0 comments
Assignees
Labels
bug web accessibility Web accessibility.

Comments

@kgryte
Copy link
Member

kgryte commented Oct 2, 2021

Description

Encountered an error when adjusting the font-size for the <body> in the inspector. Upon doing so, most text scaled as expected. However, various elements have fixed font-size leading to an odd patchwork of things which were visually off. A screenshot is shown below:

Screen Shot 2021-10-02 at 11 39 03 AM

The following elements need to be updated in order to better accommodate users who wish to globally modify the base application font size:

  • code blocks
  • breadcrumbs
  • top-navigation icons
  • search input
  • feedback form

Apart from the code blocks, some of this can be attributed to our use of Mui components which attempt to independently manage font-sizing.

Related Issues

None.

Questions

No.

Demo

N/A

Reproduction

-   navigate to the website.
-   open the inspector.
-   adjust the body font-size to, say, `26px`.
-   notice the various elements which are off.

Expected Results

The application should accommodate larger font sizes.

Actual Results

The application adjusts in some contexts, but not others.

Environments

Firefox, Chrome, Safari, Microsoft Edge, Internet Explorer, Other Browser

Browser Version

No response

Node.js / npm Version

No response

Platform

No response

Checklist

  • Read and understood the Code of Conduct.
  • Searched for existing issues and pull requests.
@kgryte kgryte added the bug label Oct 2, 2021
@kgryte kgryte self-assigned this Oct 2, 2021
@kgryte kgryte added the web accessibility Web accessibility. label Oct 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug web accessibility Web accessibility.
Projects
None yet
Development

No branches or pull requests

1 participant