Skip to content

feat(studio): add inline title edit button and unit page styles to container view#320

Draft
abhalsod-sonata wants to merge 1 commit into
release-ulmofrom
feat/TNL2-619
Draft

feat(studio): add inline title edit button and unit page styles to container view#320
abhalsod-sonata wants to merge 1 commit into
release-ulmofrom
feat/TNL2-619

Conversation

@abhalsod-sonata

@abhalsod-sonata abhalsod-sonata commented Jun 2, 2026

Copy link
Copy Markdown
  • Introduced new styles for the unit page container, enhancing the header layout and actions.
  • Added an edit title button for non-root xblocks, improving user interaction for title modifications.
  • Updated the body class in the container template to conditionally include 'is-unit-page' based on the context.

Description

Enhances the Studio container view (unit page) with improved header styling and an inline title
edit affordance for non-root xblocks, giving Course Authors a more intuitive way to rename
components without leaving the page.

User roles impacted: Course Author

Changes

  • Styles: Introduced new CSS for the unit page container, improving the header layout and
    action area spacing/alignment.
  • Edit Title Button: Added an edit title button in the container view, rendered only for
    non-root xblocks — root xblocks (units themselves) are unaffected.
  • Template: Updated the container template to conditionally apply the is-unit-page body
    class, scoping the new styles correctly to the unit page context.

Screen recording:

2026-06-02.15-51-11.mp4

Supporting Information

Jira ticket: TNL2-619
Related frontend PR: edx/frontend-app-authoring#101

Testing Instructions

  1. Open Studio and navigate to a course unit page.
  2. Verify the header layout and action area reflect the updated styles.
  3. Open the container view for a non-root xblock — confirm the edit title button is visible.
  4. Open the container view for a root xblock (unit) — confirm the edit title button is
    not shown.
  5. Verify that the is-unit-page class is applied to <body> on unit pages and absent on
    other container views (e.g., split tests, content groups).

Other Information

  • This is the backend/template counterpart to the frontend rename changes in
    edx/frontend-app-authoring#101 (same ticket, feat/TNL2-619).
  • No database migrations involved.
  • No deprecations or breaking changes expected.

…r view

- Introduced new styles for the unit page container, enhancing the header layout and actions.
- Added an edit title button for non-root xblocks, improving user interaction for title modifications.
- Updated the body class in the container template to conditionally include 'is-unit-page' based on the context.
@abhalsod-sonata abhalsod-sonata changed the title feat: add unit page styling and edit button functionality to containe… feat: add unit page styling and edit button functionality to container view Jun 2, 2026
@abhalsod-sonata abhalsod-sonata changed the title feat: add unit page styling and edit button functionality to container view feat(studio): add inline title edit button and unit page styles to container view Jun 2, 2026
@abhalsod-sonata abhalsod-sonata marked this pull request as draft June 3, 2026 12:13
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