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

Title card "Questions" wraps at high screen widths. #111

Closed
Robadob opened this issue Dec 8, 2023 · 1 comment · Fixed by #112
Closed

Title card "Questions" wraps at high screen widths. #111

Robadob opened this issue Dec 8, 2023 · 1 comment · Fixed by #112
Labels
bug Something isn't working

Comments

@Robadob
Copy link
Contributor

Robadob commented Dec 8, 2023

font-size: calc(22px + 0.2vw);

The above line of code leads to the s of "Questions" wrapping within the "Overview" box when the screen width exceeds ~1645px (in Google Chrome).

This appears to be because the .container has a max width of 1209px, however the font size continues scaling beyond this point.

Note: it only occurs when the sidebar is expanded, as this reduces the overview box's width.

image

This episode built with varnish 0.4.0 is unaffected, it has a static font-size of 24px.

I've only got a broken version built locally, but appears to be 25.29px font-size when the wrapping first occurs.

@zkamvar
Copy link
Contributor

zkamvar commented Dec 8, 2023

Ooof yeah, thank you for pointing this out and for implementing a fix!

It looks like our attempt at #109 failed. I will check #112 on Monday and I believe we can release on Wednesday.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants