Improve mobile layout for dashboard hub navigation

Open Beginner friendly
#9 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
75/100
Issue type
Feature
Clarity
Mostly clear
Activity status
Active
Tech stack
css, html, javascript, playwright
Domain
frontend, web-dev

Research direction

Start with dashboard/static/styles.css and inspect the navigation structure in dashboard/index.html, using dashboard/static/app.js for any existing navigation behavior. Test the dashboard at a 375px viewport, optionally with a Playwright smoke check. Done means the Talk, Knowledge, Inbox, and Settings navigation remains usable without sidebar overflow below about 768px.

Written by the indexing model from the issue text.

Description

documentation good first issue

Context

Dashboard IA uses Talk / Knowledge / Inbox / Settings hubs. Sidebar may overflow on narrow viewports.

Scope

  • CSS-only responsive pass for dashboard/static/styles.css
  • Collapsible sidebar or top nav under ~768px
  • Playwright smoke optional (viewport 375px)

References

  • dashboard/index.html, dashboard/static/app.js
Dominant language
Python
Stars
4
Forks
1
Avg merge
5d 13m
Merged PRs (30d)
10

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from Brohammad/VoxForge

All issues in Brohammad/VoxForge

Similar issues

More Python issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.