Hi! I'm trying to fix an accessibility problem with the styling of the Worg pages, originally reported by Samuel Wales and discussed in this thread: https://list.orgmode.org/CAJcAo8uTOpEazLNCr0t1kFqPGTLz=G=adnklhuo1-ura8-m...@mail.gmail.com/
I would be grateful if a few people could try out a style change and drop me a note here before I implement it next week. I'd like to know that the accessibility problem is fixed, that I haven't inadvertently created new ones, and any feedback on the layout. Problem: With narrow screens / large fonts, the text is obscured by items on the right. An earlier partial fix hides the Table of Contents on narrow screens, but that makes the TOC unavailable and still leaves clashing items. Tested solution: Position the UP|HOME and LiberaPay links absolutely on the top of the page to scroll away with the text. Keep the TOC fixed to the right, but when the screen is narrow, position the TOC relatively under the heading in the normal document flow. Keep the collapse/expand behavior of the TOC unchanged. Shrink the unicorn logo on narrow screens (consider hiding it instead). How to test: If your browser does not support alternate stylesheets, you can see the fix in action on this one page: https://orgmode.org/worg/org-syntax.html In Firefox, you can open any Worg page with the current "Standard" stylesheet and then switch to the proposed "Test" alternate stylesheet. In the View menu (tip: press Alt to display the old-style menu if hidden), select the "Test" stylesheet (View > Page Style > Test). Try narrowing the window, or increasing and decreasing the font, in either style. How does it look? Yours, Christian