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

Make Documentation Website Responsive #103

Open
codediodeio opened this issue Jul 31, 2023 · 4 comments
Open

Make Documentation Website Responsive #103

codediodeio opened this issue Jul 31, 2023 · 4 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@codediodeio
Copy link
Owner

codediodeio commented Jul 31, 2023 •
edited
Loading

Currently, the documentation's side navbar does not collapse on small screens.

Let's add a hamburger icon and make it collapse on small screens.

Relevant files:

  • docs/src/layouts/MainLayout.astro
  • docs/src/components/SideNav.astro
@codediodeio codediodeio added help wanted Extra attention is needed good first issue Good for newcomers labels Jul 31, 2023
@rielAsh24
Copy link

Hey @codediodeio, I'd be glad to look into this!

@anishshobithps
Copy link

anishshobithps commented Aug 1, 2023 •
edited
Loading

Heya @codediodeio, you might wanna also look into https://starlight.astro.build/

@rielAsh24
Copy link

@codediodeio Was working on this and I have added the hamburger icon for the side bar:

SideBar_Functioning.mov

The animations are something I'm trying to get right along with the padding for the text, but I'd be glad to know your opinion!

@rielAsh24
Copy link

@codediodeio Was working on this and I have added the hamburger icon for the side bar:

SideBar_Functioning.mov

The animations are something I'm trying to get right along with the padding for the text, but I'd be glad to know your opinion!

Update: Here's the final SideBar

SideBar_Implemented.mov

Do confirm if this works. Would open a PR accordingly!

Aliwahid17 added a commit to Aliwahid17/sveltefire that referenced this issue Sep 1, 2023
@Aliwahid17
Make Documentation Website Responsive codediodeio#103
fb4586e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@codediodeio @anishshobithps @rielAsh24