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

Add support for mobile screen sizes on Darkfish #1025

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Add support for mobile screen sizes on Darkfish #1025

wants to merge 2 commits into from

Commits on Mar 15, 2024

  1. Add support for mobile screen sizes on Darkfish 

    This adds support for reading the Darkfish-generated docs in mobile devices.
I tried to keep the changes minimal, and the current layout was mostly
preserved.

The most notable change is the navigation sidebar, which is now hidden by
default on "small screens" (everything below 1024px). It can be toggled by
the button on the top left corner. This button implements the ARIA
pattern for a [disclosure widget]. The icon for the button was taken from
[Iconoir], which is licensed under the MIT license.

The design and some of the implementation were loosely inspired by the
[Elixir lang docs].

[disclosure widget]: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/
[Iconoir]: https://iconoir.com/
[Elixir docs]: https://hexdocs.pm/elixir/1.15.2/Kernel.html
    @MatheusRich @hsbt
    MatheusRich authored and hsbt committed Mar 15, 2024
    Configuration menu
    Copy the full SHA
    d509440 View commit details
    Browse the repository at this point in the history

  2. Make sidebar fixed-width

    @MatheusRich @hsbt
    MatheusRich authored and hsbt committed Mar 15, 2024
    Configuration menu
    Copy the full SHA
    37e1d32 View commit details
    Browse the repository at this point in the history