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.

Sign up for GitHub

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

Jump to bottom

PP: Improve aesthetics, add documentation #4

Closed

dolsysmith opened this issue Jun 8, 2023 · 1 comment

Labels

Parsons Problems

Milestone

Research Leave Su...

Collaborator

dolsysmith commented Jun 8, 2023

The current presentation is for proof-of-concept only.

Add title, description, and instructions
Label boxes and improve styling
Adjust dimensions of Parsons problem and solution spaces
Format code output to be more readable

dolsysmith added the Parsons Problems label

dolsysmith changed the title ~~Parsons Problems: Improve aesthetics, add documentation~~ PP: Improve aesthetics, add documentation

Collaborator Author

dolsysmith commented Jul 6, 2023 •

edited

Loading

Use flexbox instead of grid, with an instruction to grow any element that has a child element.
Rounded corners on draggable blocks
Square corners on containers
Containers for problem and solution spaces
Cursor pointer on mouseover
Indentation/tab character to indicate spacing
See PP: Improve drag-and-drop UX #3

dolsysmith closed this as completed

dolsysmith added this to the Research Leave Summer 2023 milestone

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