Skip to content

Update HintsEditor layout and collapse behavior#5942

Open
Abhishek-Punhani wants to merge 1 commit into
learningequality:unstablefrom
Abhishek-Punhani:Issue5914
Open

Update HintsEditor layout and collapse behavior#5942
Abhishek-Punhani wants to merge 1 commit into
learningequality:unstablefrom
Abhishek-Punhani:Issue5914

Conversation

@Abhishek-Punhani
Copy link
Copy Markdown
Member

@Abhishek-Punhani Abhishek-Punhani commented May 27, 2026

Updated HintsEditor layout according to new figma specs and added collapse behavior

Summary

Changes:

  • Added Collapsible header with new heading content "Hints (optional)"
  • Each hint is now rendered as plain input in view mode and toggles to TipTapEditor in edit mode.
  • The current "New hint" button is replaced with a dashed-border + Add hint button, centered and full-width.
image

References

fixes #5914

Reviewer guidance

  1. Open a channel in the Studio channel editor.
  2. Select or create an Exercise node.
  3. In the edit panel, navigate to the Questions tab.
  4. Open a question — the Hints section appears at the bottom of the question card, collapsed by default.

AI usage

Used Antigravity for final review and nitpicks.

…apse behavior

Signed-off-by: Abhishek-Punhani <punhani.manavabhi@gmail.com>
@learning-equality-bot
Copy link
Copy Markdown

👋 Hi @Abhishek-Punhani, thanks for contributing!

For the review process to begin, please verify that the following is satisfied:

  • Contribution is aligned with our contributing guidelines

  • Pull request description has correctly filled AI usage section & follows our AI guidance:

    AI guidance

    State explicitly whether you didn't use or used AI & how.

    If you used it, ensure that the PR is aligned with Using AI as well as our DEEP framework. DEEP asks you:

    • Disclose — Be open about when you've used AI for support.
    • Engage critically — Question what is generated. Review code for correctness and unnecessary complexity.
    • Edit — Review and refine AI output. Remove unnecessary code and verify it still works after your edits.
    • Process sharing — Explain how you used the AI so others can learn.

    Examples of good disclosures:

    "I used Claude Code to implement the component, prompting it to follow the pattern in ComponentX. I reviewed the generated code, removed unnecessary error handling, and verified the tests pass."

    "I brainstormed the approach with Gemini, then had it write failing tests for the feature. After reviewing the tests, I used Claude Code to generate the implementation. I refactored the output to reduce verbosity and ran the full test suite."

Also check that issue requirements are satisfied & you ran pre-commit locally.

Pull requests that don't follow the guidelines will be closed.

Reviewer assignment can take up to 2 weeks.

@Abhishek-Punhani
Copy link
Copy Markdown
Member Author

@AlexVelezLl , Could you guide me how can I change the icon color in KButton ? in Add hint
Also the figma spec doesnt have assessmentToolBar?

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.

Update HintsEditor layout and collapse behavior

1 participant