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

Fix Jumpy CSS when expanding a content box #156

Open
okputadora opened this Issue Feb 6, 2019 · 2 comments

Comments

Projects
None yet
2 participants
@okputadora
Copy link
Member

okputadora commented Feb 6, 2019

This is a "Content Box"
contentbox

You can toggle the information it displays by clicking the arrow on the right
ezgif com-video-to-gif

Notice when this clicked the title text "jumps" a bit causing a jarring user experience. It's actually hard to see in this GIF because the frame rate is low and it happens fast. You can kind of make it out on the first click but it is definitely noticeable to a real user.

The relevant code to fix this is in ./client/src/Components/UI/ContentBox
It is probably a CSS issue related to flex-box.

@nic-og

This comment has been minimized.

Copy link

nic-og commented Feb 6, 2019

Hi, I'd like to handle this. Is that possible?

@okputadora

This comment has been minimized.

Copy link
Member Author

okputadora commented Feb 6, 2019

@nic-og Yes! Go for it! Please let us know if you need help getting the project setup locally, we'll be happy to help.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment