Skip to content

[FEATURE] Add "Focus Mode" (Distraction-Free Reading) for Chapter Pages #117

@NiranjanDoijode23

Description

@NiranjanDoijode23

Feature Description

When reading long, dense notes (like Machine Learning or Compiler Design), the Navbar and Sidebars can take up valuable screen real estate. I propose adding a "Focus Mode" toggle for chapter pages.

Proposed Solution

  • Add a small "Focus / Expand" icon button (using lucide-react) at the top right of the chapter content.
  • When clicked, toggle a state that hides the top Navbar and expands the main content to full width.
  • This gives students a completely distraction-free, immersive reading experience similar to platforms like Medium or Notion.

Problem It Solves

Improves readability and user experience, especially on smaller laptops or tablets where screen space is limited.

I would love to build this feature for GSSoC'26. Please assign this issue to me!

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions