Skip to content

Improve command result page visuals and add close-window hint#715

Merged
payamnj merged 4 commits into
masterfrom
feat/command-result-page-visual-improvements
Jul 11, 2026
Merged

Improve command result page visuals and add close-window hint#715
payamnj merged 4 commits into
masterfrom
feat/command-result-page-visual-improvements

Conversation

@payamnj

@payamnj payamnj commented Jul 11, 2026

Copy link
Copy Markdown
Contributor

Summary

  • The verify-enrollment, unsubscribe, and OAuth-integration result pages (all rendered via command_result.html) looked sparse on desktop — the message sat near the top with a lot of empty space below.
  • Show the platform's configured logo (DJANGO_EMAIL_LEARNING["LOGO"], falling back to the default Django Email Learning logo, same light/dark logic as MenuBar.jsx) at the top of the card.
  • Let the card fill the viewport height with the content vertically centered, via a new opt-in fullHeight prop on Layout — other pages using Layout (Assignment, Quiz, Organization, Course) are unaffected since the prop defaults to false.
  • Soften the card's shadow when in fullHeight mode.
  • Add a "You can now close this window." hint under the success/error result (omitted during the unsubscribe confirmation step, since the user still needs to act).

Test plan

  • ruff check / ruff format --check on the touched Python files
  • Relevant Django tests (verify_enrollment, unsubscribe, oauth) — 59 passed
  • Full frontend vitest suite — 249 passed
  • Manually verified success / confirmation / error states, light/dark theme, and desktop/mobile viewports in a live preview
  • Pre-commit hooks (ruff, mypy, Django check) pass

🤖 Generated with Claude Code

payamnj and others added 4 commits July 11, 2026 21:57
The verify-enrollment, unsubscribe, and OAuth-integration result pages
looked sparse and empty on desktop. Add the configured platform logo,
let the card fill the viewport height (opt-in via a Layout fullHeight
prop so other pages are unaffected), soften the card shadow, and show
a "you can now close this window" hint after success/error results.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Dead-centering the content made it feel too low; use golden-ratio
flex spacers (1 : 1.618) so it sits closer to the top instead. Also
center-align the success/error alert text whenever the close-window
hint is shown, to match the rest of the centered layout.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
The 1:1.618 split was too subtle once the message block's own height
ate most of the available whitespace. Use phi^2 (2.618) for the
bottom spacer so the upward shift reads clearly at a glance.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
The verify-enrollment, unsubscribe, and OAuth result pages can
usually be traced back to an organization (via the enrollment,
unsubscribe token, or course tied to the OAuth session). Resolve
that organization and use its uploaded logo when set, falling back
to the platform-wide DJANGO_EMAIL_LEARNING LOGO setting otherwise.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@payamnj payamnj merged commit 73dd923 into master Jul 11, 2026
9 checks passed
@payamnj payamnj deleted the feat/command-result-page-visual-improvements branch July 11, 2026 18:27
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant