💄(frontend) Restyle the editor divider block

[PanchoutNathan]

Summary

• Slim the editor divider to match the approved mockups.
• Add the selected divider state with the brand color.

Issues

Refs #2466
Closes #2474

[github-actions]

Size Change: 0 B

Total Size: 4.37 MB

📦 View Changed

Filename	Size	Change
apps/impress/out/_next/static/d6eb12d5/_buildManifest.js	696 B	+696 B (new file)	🆕
apps/impress/out/_next/static/f3d3b484/_buildManifest.js	0 B	-696 B (removed)	🏆

_{compressed-size-action}

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: f8701324-cdff-4a05-a5a0-f20a67d85628

📥 Commits

Reviewing files that changed from the base of the PR and between 708fa83 and 5a8f696.

📒 Files selected for processing (1)

• src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx

---

Walkthrough

Updated divider styles to use a 28px centered block layout, contextual theme variables, and revised selected-state border, outline, and background behavior. The side-menu divider height was also reduced from 38px to 28px.

Estimated code review effort: 2 (Simple) | ~10 minutes

Suggested reviewers: ovgodd

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/present-mode-divider-style

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}