search

uwdata / living-papers

Authoring tools for scholarly communication. Create interactive web pages or formal research papers from markdown source.
BSD 3-Clause "New" or "Revised" License
128 stars 10 forks source link

footnotes disappear when browser window is too narrow #24

Closed joshuahhh closed 1 year ago

joshuahhh commented 2 years ago

Footnotes currently appear in the margins, which is great. But if the browser window is too narrow (half screen width, mobile, etc) they disappear completely. It would be nicer if they appeared below the paragraph, or in an on-click popup, or something like that.

jheer commented 2 years ago

Flagging @TwoTau

TwoTau commented 2 years ago

What do you think about displaying the footnote next to the [x] reference when the margin collapses? For example,

Screenshot of article with footnote highlighted in blue, placed inline next to the reference.

I like footnotes to be always visible (or visible by default but collapsible) since showing footnotes on hover/click would make them less discoverable. But maybe hidden-by-default is okay for a space-constrained mobile view?

joshuahhh commented 2 years ago

My current intuition is to hide footnotes by default. A footnote's role is to contain optional content, so I think reading it should feel optional. (The small-text approach might work if readers were accustomed to jumping over small text as they read, but I don't think most readers have this habit.)

joshuahhh commented 2 years ago

@TwoTau: In case you haven't seen it, https://www.gwern.net/Sidenotes is a fantastic resource for sidenote designs. I'd especially call attention to https://www.gwern.net/Sidenotes#comparisons, which has "Mobile Fallback" & "Narrow" columns referring to the topic of this GitHub issue.