Curriculum Reports Header revamp

[michaelchadwick]

Fixes ilios/ilios#7117

Attempt at reducing curriculum report header vertical whitespace, and simplifying template a bit. Switched from action buttons being on their own line to a second element in a flexbox with the report type selector and run summary text. It's not perfect (the summary text is boxed in by the flexbox, so it doesn't flow under the buttons), but trying either a float or position: fixed situation did not really work well. Open to comments!

Note: this only affects tablet and up. Mobile still just vertically stacks everything like before.

Old

New

[netlify]

✅ Deploy Preview for ilios-frontend ready!

Name	Link
🔨 Latest commit	a8768ae
🔍 Latest deploy log	https://app.netlify.com/projects/ilios-frontend/deploys/6a6bd0ce995e5f0008c31126
😎 Deploy Preview	https://deploy-preview-9440--ilios-frontend.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[netlify]

✅ Deploy Preview for ilios-frontend ready!

Name	Link
🔨 Latest commit	94d21bb
🔍 Latest deploy log	https://app.netlify.com/projects/ilios-frontend/deploys/6a6bd0f93a2d1f0008035067
😎 Deploy Preview	https://deploy-preview-9440--ilios-frontend.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

❌ Visual Diff Report — FAILED

984 images compared: 64 different · 48 added · 872 identical

Details

Differences (64)

File	Diff %	Notes
desktop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, multiple schools _ course competencies report results.png	2.47%
desktop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, multiple schools _ selected courses.png	1.93%
desktop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, single school _ course competencies report results.png	2.11%
desktop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, single school _ selected courses.png	1.77%
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ learner group report results.png	2.29%
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ selected courses.png	1.90%
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ learner group report results.png	1.93%
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ selected courses.png	1.76%
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, multiple schools _ selected courses.png	1.88%
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, multiple schools _ session objectives report results.png	2.27%
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, single school _ selected courses.png	1.75%
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, single school _ session objectives report results.png	1.94%
desktop-Acceptance _ Reports - Curriculum Reports _ visiting _reports ends up at curriculum _ .png	0.78%
desktop-Acceptance _ Reports - Curriculum Reports _ visiting reports with multiple schools _ default school.png	0.91%
desktop-Acceptance _ Reports - Curriculum Reports _ visiting reports with multiple schools _ school with current year.png	0.92%
desktop-Acceptance _ Reports - Curriculum Reports _ visiting reports with one school _ .png	0.89%
laptop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, multiple schools _ course competencies report results.png	2.06%
laptop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, multiple schools _ selected courses.png	1.62%
laptop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, single school _ course competencies report results.png	1.79%
laptop-Acceptance _ Reports - Curriculum Reports _ run course competencies report, single school _ selected courses.png	1.48%
laptop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ learner group report results.png	1.89%
laptop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ selected courses.png	1.58%
laptop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ learner group report results.png	1.65%
laptop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ selected courses.png	1.47%
laptop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, multiple schools _ selected courses.png	1.58%
… and 39 more

Added Files (48)

• phone-Acceptance _ Dashboard Week at a Glance _ shows all pre work _ .png
• phone-Acceptance _ Learner Groups _ add new learnergroup _ .png
• phone-Acceptance _ Learner Groups _ copy learnergroup with learners _ canCopyWithLearners.png
• phone-Acceptance _ Learner Groups _ copy learnergroup with learners _ copyWithLearners.png
• phone-Acceptance _ Learner Groups _ copy learnergroup without learners _ canCopyWithLearners.png
• phone-Acceptance _ Learner Groups _ copy learnergroup without learners _ copyWithoutLearners.png
• phone-Acceptance _ Learner Groups _ learner groups linked to offerings or ILMs cannot be deleted _ .png
• phone-Acceptance _ Learner Groups _ list groups _ .png
• phone-Acceptance _ Learner Groups _ multiple options filter _ .png
• phone-Acceptance _ Learner Groups _ remove learnergroup _ .png
• phone-Acceptance _ Learner Groups _ single option filters _ .png
• phone-Acceptance _ pending user updates _ multiple schools, default school selection _ .png
• phone-Acceptance _ pending user updates _ one school _ .png
• phone-Acceptance _ Program - Leadership _ collapsed leadership _ .png
• phone-Acceptance _ Program - Leadership _ list leadership _ .png
• phone-Acceptance _ Program - Leadership _ manage leadership _ .png
• phone-Acceptance _ Program - ProgramYear List _ check list _ default.png
• phone-Acceptance _ Program - ProgramYear List _ check list _ show programYears.png
• phone-Acceptance _ Program - ProgramYear List _ privileged users can lock and unlock program-year _ .png
• phone-Acceptance _ Program Year - Cohort members _ cohort members are expanded if URL contains corresponding parameter _ .png
• phone-Acceptance _ Program Year - Cohort members _ expand and collapse cohort members _ .png
• phone-Acceptance _ Program Year - Competencies _ list _ .png
• phone-Acceptance _ Program Year - Competencies _ list with permission to edit _ .png
• phone-Acceptance _ Program Year - Course associations _ course associations are expanded if URL contains corresponding parameter _ .png
• phone-Acceptance _ Program Year - Course associations _ expand and collapse course associations _ .png
• … and 23 more

Download the results.