[css] highlights current path (bullets color)

awesome appreciate it!

At times it’s helpful for me to be able to hover at a block and have not only that block highlight but also all other blocks at the same level. That helps me have an overview of let’s say 10 sections of a chapter in a book. Is there anyway to do this. Thanks a lot! I’ve been using your CSS code snippets a lot.

For me, pasting this snippet to my custom.css does not produce the desired output. It is plausible, since the post is more than 4 years old now. Anyone has an idea what I may be doing wrong, or how to update this snippet to work with current LogSeq versions (I am on 0.10.14, on Windows)?

I’ve only been using Logseq for 2 days, so I don’t know how stable this is. But it’s a modified version of the original I’m using. Just changed where it’s targeting to. Also uses focus-within instead of hover.


.block-children-container > div:not(:first-child) .ls-block:focus-within > div:first-child .bullet:before{

  content : "──";

  color:#FF0000;

  display: inline-block;

  left: -25px;

  top: -8px;

  width: 30px;

  position: relative;

}

.ls-block > .block-children-container:focus-within > .block-children-left-border {

  background-color: #FF0000;

  width: 2px

}
1 Like