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:
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
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:The following elements need to be updated in order to better accommodate users who wish to globally modify the base application font size:
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
Expected Results
Actual Results
Environments
Firefox, Chrome, Safari, Microsoft Edge, Internet Explorer, Other Browser
Browser Version
No response
Node.js / npm Version
No response
Platform
No response
Checklist