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]: Labs Glossary Horizontal Overflow #408

Closed
mark-velez opened this issue Feb 6, 2024 · 1 comment · Fixed by #445
Closed

[Bug]: Labs Glossary Horizontal Overflow #408

mark-velez opened this issue Feb 6, 2024 · 1 comment · Fixed by #445
Assignees
Labels
bug Something isn't working

Comments

@mark-velez
Copy link

mark-velez commented Feb 6, 2024

Contact Details

What happened?

On the labs page, the glossary overflows horizontally over the dashboard card block for some content.

OS: Windows 11
Browser: Google Chrome 121.0.6167.140

image

image

Expected behavior

Glossary is contained within the dashboard card block.

Possible fix

Removing display: inline-block rule from glossary-lookup.component.scss#L4 using Developer Tools seems to fix-- I'm not sure if it breaks anything though.

Flavor

Docker

Version

main#74a1819

Relevant log output

No response

@mark-velez mark-velez added the bug Something isn't working label Feb 6, 2024
@AnalogJ
Copy link
Member

AnalogJ commented Feb 7, 2024

hey @mark-velez
My understanding is that this is due to the fact that the HTML provided by some National Library of Medicine snippets is invalid (missing closing tags).

While I haven't played with the inline-block class, I'm surprised that this would have an effect on this issue.

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.

3 participants