Skip to content

feat: make studio course outline help sidebar collapsible with header#21

Merged
10kalden merged 2 commits into
wbc-ulmo1-stagefrom
feature/collapsible-studio-course-outline-help-sidebar
Jun 29, 2026
Merged

feat: make studio course outline help sidebar collapsible with header#21
10kalden merged 2 commits into
wbc-ulmo1-stagefrom
feature/collapsible-studio-course-outline-help-sidebar

Conversation

@choeying-10

Copy link
Copy Markdown

Summary

  • Converts the four help sections in the course outline sidebar ("Creating your course organization", "Reorganizing your course", "Setting release dates and grading policies", "Changing the content learners see") into collapsible items, collapsed by default, to reduce visual clutter.
  • Adds a "Need help with your course?" header above the collapsibles.
  • Aligns the header and collapsibles with the content column (StatusBar / section card top border) and applies consistent styling: blue header, black collapsible titles with right-aligned chevrons, no underline.

Changes

  • src/course-outline/outline-sidebar/OutlineSidebar.jsx: render header + wrap sections in Paragon Collapsible (styling="basic", unmountOnExit={false}); remove old <hr> dividers and mt-4.
  • src/course-outline/outline-sidebar/messages.js: add sidebar_header i18n message.
  • src/generic/help-sidebar/HelpSidebar.scss: scoped .outline-sidebar styles for header, section spacing/alignment, right-aligned chevrons, underline removal, and colors.

@choeying-10
choeying-10 requested a review from 10kalden June 27, 2026 17:50
@choeying-10 choeying-10 self-assigned this Jun 27, 2026
…mproved visual hierarchy

Update the outline sidebar to use card-lg styling for collapsible sections with enhanced hover states, borders, and shadows. Adjust header positioning to align the first collapsible with content cards. Replace default launch icon with custom OpenInNew icon on section links. Add consistent spacing with flexbox gaps between sections and improved padding throughout. Update typography and colors for better read
@10kalden
10kalden merged commit 02b7e7c into wbc-ulmo1-stage Jun 29, 2026
2 of 3 checks passed
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.

2 participants