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