I suck at CSS / front end development, could someone please point me in the right direction?
Thereās this stylish plugin here:
https://userstyles.org/styles/133198/dynalist-clean-focus-test
Essentially it lets you āon focusā whatever current node you are on
What I want to do is write a customizable CSS that does the following:
- On the current bulletpointās Node-outer class, have the CSS āon focusā the parent list bulletpoint and whiteout everything else
- Ideally Iād like for it to have a set delay maybe too, the āon focusā effect only takes place after 10-15 seconds as Iām writing the document. Its similar to the idea of āZen modeā in app.classeur.io https://www.youtube.com/watch?v=F1X7NEafKro&feature=youtu.be.
This goes hand in hand with the layouts I made out navigating large lists / scability
Hereās a quick mockup of what I want to achieve with the CSS