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

Submission Details: Collapsible two-column layout #304

Closed
6 of 7 tasks
Tracked by #85
stepchud opened this issue Nov 27, 2024 · 0 comments · Fixed by #310
Closed
6 of 7 tasks
Tracked by #85

Submission Details: Collapsible two-column layout #304

stepchud opened this issue Nov 27, 2024 · 0 comments · Fixed by #310
Assignees

Comments

@stepchud
Copy link
Contributor

stepchud commented Nov 27, 2024

What/Why

Implements the collapsible two-column layout. Note this is a shared layout that will also be used on the evaluator's submission evaluation scoring view (#299 etc).

Figma Link

submission details

Acceptance Criteria

  • Vertical blue bar separates the two columns when expanded
  • Vertical blue bar moves to the right of the page and hides the solution submission data when collapsed
  • See the note on Out of Scope

Disregard the following if this work does not include any UI changes

  • WAVE screenshot
  • Automated a11y tests (axe-rspec specs)
  • Keyboard accessibility (tab navigation, form interactions)
  • Responsiveness at desktop and mobile

Out of Scope

Additional interactivity on the left-hand column is out of scope, so that the two-column layout can be reused for submission scoring. It's okay to add static text and form elements but they will be no-op features that do not make any requests or updates to the backend.

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

Successfully merging a pull request may close this issue.

3 participants