dart api docs footer should have ability to be dismissed/closed

[Luckey-Elijah]

Describe the problem

When browsing on https://api.dart.dev/, there is a persistent footer. On desktop, the space it occupies is not much, but on mobile the footer takes up much more of the valuable screen space (about 10% - 20% of the entire screen).

Expected fix

I would like a way to

1. dismiss the footer,
2. a footer that is not pinned/persistent,
3. or a smaller footer on the mobile viewports

On which browser(s) did you experience this issue?

Firefox, Safari

Additional context

I would like to fix this problem.

• I will try and fix this problem on dart.dev.

[yashathwani]

Would like to work on this issue can you assign this to me !!

[srawlins]

Thanks for filing an issue!

@yashathwani we definitely accept PRs. I don't know what the design of this should be. Or even, honestly whether we can allow the user to close it... Since this is the footer for api.dart.dev, I'd like @athomas 's input for the idea.

Anyways, if you get to prototyping something, or have some ideas, you might want to post them here before working too long on a full implementation.

[athomas]

My personal preference would be to align the footer closer to dart.dev/'s or pub.dev's footer (the content is already shared).

Note that some of this is in the Dart SDK repo, e.g.:
https://github.com/dart-lang/sdk/blob/main/tools/bots/dartdoc_footer.html

The dart.dev/pub.dev solution where the footer scrolls out of view simplifies things, because some elements need to be present on the page (and we'd have to go through internal reviews to know if we can hide them).