Need help writing custom CSS for dynalist stylish "On Focus"

[Piotr]

@Vincent_Tang

On the current bulletpoint’s Node-outer class, have the CSS “on focus” the parent list bulletpoint and whiteout everything else

Unfortunately updating parents styles when something is done to children* is not possible in pure CSS. And currently dynalist also doesn’t mark Node-outer in any way when you’re working on nodes within it. But I think it can be done with custom JavaScript code injected through https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo . I might play with it in the future, it’s a nice idea.

---

*It can only work with ‘hover’ event, but it’s not good enough I suppose:

.is-currentRoot > .Node-children > .Node-childrenInner:hover > .Node-outer {
    opacity: .2;
    transition: 1.5s;
}
.is-currentRoot > .Node-children > .Node-childrenInner > .Node-outer:hover {
    opacity: 1;
}