Skip to content

wiki mobile responsive design#7

Open
fiumals wants to merge 7 commits intomuse-sequencer:masterfrom
fiumals:master
Open

wiki mobile responsive design#7
fiumals wants to merge 7 commits intomuse-sequencer:masterfrom
fiumals:master

Conversation

@fiumals
Copy link
Copy Markdown
Contributor

@fiumals fiumals commented Apr 11, 2026

hello again! i saw the documentation didn't have responsive design when trying to use it on my phone so i thought i'd add a hamburger menu to it like the one in the homepage, i had to use some javascript for it though. It's still a little unfinished and there are some problems i hope to solve, such as the transition when switching articles, but it is usable i think.

the normal desktop view should be unchanged as far as i tested

I also linked the spanish docs css to the one in /docs/css/main.css instead of /docs/es/css/main.css, i thought it might be easier to edit just one instead of both

Btw, i apologize if this change is a little drastic, i feel like i should have asked beforehand. Regardless, I had fun doing it and learned some new things. That being said i wanted to try to add a search bar next if thats okay

here's a little preview of how it looks:

musedocspullrequest

it's also in https://fiumals.github.io/muse-sequencer.github.io/docs/intro.html

fiumals added 5 commits April 10, 2026 21:42
also moved an image i had put in the wrong folder on my last pr oops, and also added some missing htmls to the spanish translation files (still untranslated though)

also changed the spanish files css link paths so that they point to
/docs/css/main.css instead of /docs/es/css/main.css, by changing them to ../css, i figured
that might be easier than updating both css files when changing anything
in them
@terminator356
Copy link
Copy Markdown
Member

Would you like a bit more time to perfect it?
I can merge now, or later if you'd like.

@fiumals
Copy link
Copy Markdown
Contributor Author

fiumals commented Apr 11, 2026

Actually yeah give me a few days so I can fix those issues, thanks!

fiumals added 2 commits April 12, 2026 02:09
in all articles

the javascript approach i tried before caused there to be a small delay
where the navbar would still show up on the left rather than on top, by
changing from html embeds to inserting the sidebar with a js script the
issue of having two html documents is solved and we can do responsive
design in css which is the proper way to do it i think, it simplifies
many things over what i was doing before
@fiumals
Copy link
Copy Markdown
Contributor Author

fiumals commented Apr 12, 2026

hey i think it's good to go now! ended up changing a lot of how it worked but i think it's much cleaner now

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants