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.

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

Navbar Responsiveness Fixes #155

Merged

Conversation

coliff
Copy link
Member

@coliff coliff commented Mar 1, 2023

Fixes: #153

  • Much improved navbar for mobile. Menu items are collapsed within an overflow (dropdown) menu.
  • Theme toggle CSS is optimized and button is changed to square with correct Modus active/hover states and size.
  • Components dropdown updated with icons for web (now screen.svg) and in-field (now in-field-device.svg).
  • Improved layout for small screens on icon page view (search input is full width and appears below breadcrumbs)

BEFORE:
image
AFTER:
image

@coliff coliff linked an issue Mar 1, 2023 that may be closed by this pull request
@github-actions
Copy link

github-actions bot commented Mar 1, 2023

Azure Static Web Apps: Your stage site is ready! Visit it here: https://ambitious-sky-021d71010-155.centralus.2.azurestaticapps.net

@coliff coliff merged commit fdf45ba into main Mar 1, 2023
@coliff coliff deleted the 153-update-navbar-layoutdesign-for-mediumsmall-screens branch March 1, 2023 14:44
@coliff coliff added documentation Improvements or additions to documentation docs labels Mar 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
docs documentation Improvements or additions to documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update Navbar Layout/Design for medium/small screens
2 participants