Skip to content

docs(design): Sync the HTML prototype with the new course UI#102

Merged
ebouchut merged 1 commit into
devfrom
docs/sync-html-prototype-course-ui
Jul 14, 2026
Merged

docs(design): Sync the HTML prototype with the new course UI#102
ebouchut merged 1 commit into
devfrom
docs/sync-html-prototype-course-ui

Conversation

@ebouchut

@ebouchut ebouchut commented Jul 14, 2026

Copy link
Copy Markdown
Owner

This PR updates and synchronizes the HTML prototype to reflect the current state of the UI (User Interface).

Now that the UI has reached a stable milestone (with student catalog, instructor course authoring, and error pages), this PR updates the browsable prototype in docs/design/mockups to align with the app:

  • css/base.css is realigned with the app stylesheet (including the explicit skip-link focus, Markdown textarea, inline action forms, and roster table styles).
  • dashboard.html now mirrors the dashboard where aspirational stats row and progress bars have been replaced with enrollment cards that display status and date information.
  • Add new snapshots:
    • Courses,
    • Course,
    • Lesson (Markdown output with demoted headings, See ADR-0014),
    • Instructor pages,
    • Styled error page,
    • index.html lists all the snapshots.
  • course-pages-explained.md documents these changes (one noticing point per page).

The UI reached its stable milestone (student catalogue, instructor
authoring, error pages), so the browsable prototype in
docs/design/mockups catches up with the app in one pass, per the
sync-at-stable-milestones policy:

- css/base.css realigned with the app stylesheet (explicit skip-link
  focus, Markdown textarea, inline action forms, roster table styles).
- dashboard.html now mirrors the shipped dashboard: the aspirational
  stats row and progress bars give way to the enrollment cards with
  status and date.
- Nine new snapshots: courses, course, lesson (Markdown output with
  demoted headings, ADR-0014), the four instructor pages, and the
  styled error page; index.html lists them all.
- course-pages-explained.md documents the batch in the study-doc
  tradition, one noticing point per page.
@codecov

codecov Bot commented Jul 14, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 77.53%. Comparing base (a9c1de2) to head (bce5215).

Additional details and impacted files
@@            Coverage Diff            @@
##                dev     #102   +/-   ##
=========================================
  Coverage     77.53%   77.53%           
  Complexity      141      141           
=========================================
  Files            31       31           
  Lines           592      592           
  Branches         37       37           
=========================================
  Hits            459      459           
  Misses          106      106           
  Partials         27       27           

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

@ebouchut ebouchut self-assigned this Jul 14, 2026
@ebouchut ebouchut added frontend documentation Improvements or additions to documentation labels Jul 14, 2026
@ebouchut ebouchut moved this to In Review in learn-dev-project Jul 14, 2026
@ebouchut
ebouchut merged commit 6b82872 into dev Jul 14, 2026
7 checks passed
@ebouchut
ebouchut deleted the docs/sync-html-prototype-course-ui branch July 14, 2026 09:28
@github-project-automation github-project-automation Bot moved this from In Review to Done in learn-dev-project Jul 14, 2026
@ebouchut ebouchut changed the title docs(design): Sync the HTML prototype with the shipped course UI docs(design): Sync the HTML prototype with the new course UI Jul 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

documentation Improvements or additions to documentation frontend

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

1 participant