Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Create responsive navbar #4

Closed
KunzRobert opened this issue Jan 31, 2024 · 1 comment
Closed

Create responsive navbar #4

KunzRobert opened this issue Jan 31, 2024 · 1 comment
Labels
enhancement New feature or request

Comments

@KunzRobert
Copy link
Collaborator

KunzRobert commented Jan 31, 2024 •
edited
Loading

Implement responsive navbar

Description

Implement a responsive navigation bar similar to the provided design mockups. The navbar should adapt to three different breakpoints: large, medium, and small.

Requirements:

  • Large Screens: Display the full navigation bar with course title and navigation links.

  • Medium Screens: Show a collapsible menu icon and centralize essential icons.

  • Small Screens: Prioritize menu icon and essential features, hide secondary items.

  • Package: course

Additional Information

Figma Mockups: Responsive Navbar Design
Ensure the navbar is accessible and follows best practices for usability.
@danieljancar
Copy link
Owner

Make sure to use the sidenav from angular material for smaller screens found here: https://material.angular.io/components/sidenav/overview

@danieljancar danieljancar added the enhancement New feature or request label Jan 31, 2024
@danieljancar danieljancar changed the title Implement Responsive Navbar Create responsive navbar Jan 31, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
enhancement New feature or request
Projects
chorizo/kanban
Status: Done
Milestone
No milestone
Development

No branches or pull requests
2 participants
@KunzRobert @danieljancar