Making the KXStudio homepage more mobile friendly, getting most of the contents to be friendly to vertical layouts.
Still need to figure out a way to do a "hamburguer" menu or something to access all the previous menu entries.
But the content should be way more responsive compared to before.
Please give it a try at https://kx.studio/
Do you spot anything wrong?
PS: If you visited the page before, you might need to force-reload to get rid of browser cache.
@dried no need, I already use the same techniques for getting the repo apps/plugins screenshots to show in bigger size without JS.
So seems it will be straight forward to have the same on the main menu. I quite like that the menu with dropdown can be hovered and clicked but yeah it breaks mobile hmmm
@falktx hmmmm, i swear there's a way to do it without js...
@dried @rghvdberg@sonomu.club
solved it FYI, there is now in place some silly server-side detection of mobile vs desktop that will set the submenus as clikable (or not) depending on the user-agent string.
obviously it will fail sometimes, but since it is only for making something clickable or not, is fine..
on phones/tablets the dropdown wont open a link, thus working as intended. on desktop it should allow to be clicked just like before.
@falktx @porru I've used something like this technique in the past, ie the :focus or :focus-with selectors to show the content -- https://moderncss.dev/css-only-accessible-dropdown-navigation-menu/