{"html_url": "https://github.com/simonw/datasette/issues/1446#issuecomment-908832938", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/1446", "id": 908832938, "node_id": "IC_kwDOBm6k_c42K7Cq", "user": {"value": 9599, "label": "simonw"}, "created_at": "2021-08-31T01:54:59Z", "updated_at": "2021-08-31T01:54:59Z", "author_association": "OWNER", "body": "I used the sticky footer mechanism in `datasette.app`: https://github.com/simonw/datasette.app/issues/3", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 978357984, "label": "Modify base.html template to support optional sticky footer"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/1446#issuecomment-904954530", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/1446", "id": 904954530, "node_id": "IC_kwDOBm6k_c418IKi", "user": {"value": 9599, "label": "simonw"}, "created_at": "2021-08-24T20:32:47Z", "updated_at": "2021-08-24T20:32:47Z", "author_association": "OWNER", "body": "Pasting that CSS into the styles editor in the developer tools on https://latest.datasette.io/ has the desired effect: footer at the bottom of the window unless the page is too long, in which case the footer is at the bottom of the scroll.", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 978357984, "label": "Modify base.html template to support optional sticky footer"}, "performed_via_github_app": null}
{"html_url": "https://github.com/simonw/datasette/issues/1446#issuecomment-904866495", "issue_url": "https://api.github.com/repos/simonw/datasette/issues/1446", "id": 904866495, "node_id": "IC_kwDOBm6k_c417yq_", "user": {"value": 9599, "label": "simonw"}, "created_at": "2021-08-24T18:13:49Z", "updated_at": "2021-08-24T18:13:49Z", "author_association": "OWNER", "body": "OK, now the following optional CSS gives us a sticky footer:\r\n```css\r\nhtml, body {\r\n  height: 100%;\r\n}\r\nbody {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n.not-footer {\r\n  flex: 1 0 auto;\r\n}\r\nfooter {\r\n  flex-shrink: 0;\r\n}\r\n```", "reactions": "{\"total_count\": 0, \"+1\": 0, \"-1\": 0, \"laugh\": 0, \"hooray\": 0, \"confused\": 0, \"heart\": 0, \"rocket\": 0, \"eyes\": 0}", "issue": {"value": 978357984, "label": "Modify base.html template to support optional sticky footer"}, "performed_via_github_app": null}