Have a better mobile solution that places notes at the bottom.
This intercepts the redux action and stops it from happening for one time. This can be difficult to stop in some cases, but can be anticipated with a onClickCapture that fires theĭisableNextDeselectSidenote action. It is common to put a click handler on the body (or similar) to deselect any sidenotes. Jupyter-notebooks are very convenient because they include these markdown blocks to include discussion of the material. The demo is pretty basic, and not nearly as pretty as the gif above, just blue, green and red divs floating around. All positioning is based on the article, and works with relative, fixed or absolute positioning.Provide actions to attach non-react bases, anchors or reposition sidenotes.Have fallback placements to a AnchorBase is a div.Multiple inline references per sidenote, wrapped in InlineAnchor is a span.Multiple documents on the page, currently based on the wrapping ID.Used Redux rather than a hook approach (open to discussion if people are passionate!).This is showing Curvenote, which is a scientific writing platform that connects to Jupyter. Do not provide UI or impose any styling, only placement.When an inline reference is clicked, animate the relevant sidenote to be as close as possible and move non-relevant sidenotes out of the way without overlapping.Place notes/comments to the side of one or more documents with inline references.Position floating sidenotes/comments next to a document with inline references.
0 kommentar(er)
