Skip to content

New Offering title now in line with other elements, saving space#9200

Open
michaelchadwick wants to merge 2 commits intoilios:masterfrom
michaelchadwick:frontend-6956_6957-session-offering-space-saving
Open

New Offering title now in line with other elements, saving space#9200
michaelchadwick wants to merge 2 commits intoilios:masterfrom
michaelchadwick:frontend-6956_6957-session-offering-space-saving

Conversation

@michaelchadwick
Copy link
Contributor

Fixes ilios/ilios#6956
Fixed ilios/ilios#6957

Had to use negative margin to get it to sit correctly, but it looks nice.

@netlify
Copy link

netlify bot commented Mar 3, 2026

Deploy Preview for ilios-frontend ready!

Name Link
🔨 Latest commit 1725fe6
🔍 Latest deploy log https://app.netlify.com/projects/ilios-frontend/deploys/69a8baab11693100085bf213
😎 Deploy Preview https://deploy-preview-9200--ilios-frontend.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@github-actions
Copy link
Contributor

github-actions bot commented Mar 3, 2026

❌ Visual Diff Report — FAILED

768 images compared: 50 different · 718 identical

Details

Differences (50)

File Diff % Notes
desktop-Acceptance _ API Version Check _ No warning shows up when api versions match _ .png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ API Version Check _ Warning shows up when api versions do not match _ .png 100.00% ⚠️ Dimension mismatch (1627x1000 → 1741x1000)
desktop-Acceptance _ assign students _ visiting _admin_assignstudents _ .png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Dashboard Calendar _ load day calendar _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ load week calendar _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ show school events _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ show user events _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ test tooltip _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ user context filters are not present on school calendar _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ Dashboard Calendar _ user context filters are present on user calendar for privileged users _ .png 100.00% ⚠️ Dimension mismatch (1739x1000 → 1835x1000)
desktop-Acceptance _ login _ visiting _login _ .png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ pending user updates _ multiple schools, default school selection _ .png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ pending user updates _ one school _ .png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Program Year - Cohort members _ cohort members are expanded if URL contains corresponding parameter _ .png 0.07%
desktop-Acceptance _ Program Year - Cohort members _ expand and collapse cohort members _ .png 0.07%
desktop-Acceptance _ Program Year - Competencies _ list _ .png 0.06%
desktop-Acceptance _ Program Year - Competencies _ list with permission to edit _ .png 0.06%
desktop-Acceptance _ Program Year - Leadership _ collapsed leadership _ .png 0.07%
desktop-Acceptance _ Program Year - Leadership _ list leadership _ .png 0.06%
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ learner group report results.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, multiple schools _ selected courses.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ learner group report results.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Reports - Curriculum Reports _ run learner groups report, single school _ selected courses.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, multiple schools _ selected courses.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
desktop-Acceptance _ Reports - Curriculum Reports _ run session objectives report, multiple schools _ session objectives report results.png 100.00% ⚠️ Dimension mismatch (2115x1000 → 2310x1000)
… and 25 more

Download the results.

Copy link
Member

@jrjohnson jrjohnson left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Negative margin breaks layout on mobile. Maybe drop the margin to 0?

New:
Image

Current:
Image

@michaelchadwick michaelchadwick force-pushed the frontend-6956_6957-session-offering-space-saving branch from a2cbeb2 to 1725fe6 Compare March 4, 2026 23:05
@michaelchadwick
Copy link
Contributor Author

@jrjohnson Made an exception for mobile, and added some clearance between the two button groups.

Phone:
Screenshot 2026-03-04 at 3 05 27 PM

Above Phone:
Screenshot 2026-03-04 at 3 05 36 PM

margin-top: 1rem;

@include m.for-phone-and-up {
margin-top: -1.65rem;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Note from code jam: go to zero margin to avoid moving into space owned by other components.

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.

Show Calendar Needs Same Spacing As Hide Calendar - Too Snug Reclaim Some Space - Offerings Editor

2 participants