Hover to open collapsed blocks

Customization
1

Hello, please is there any way to have collapsed block open just when I hover on it (so to not click every time on the left arrow to open the block) ?

2
  • For typical collapsed blocks that don’t get loaded, there is no easy way.
  • To make non-collapsed (thus loaded) blocks appear collapsed until hovering, it is possible if you are willing to type in each one of them a macro, something like {{collapse}}
    • In this case, tell me to provide some code.
3

Yes please, show me how to ?

4
  • Add the following CSS rules inside file custom.css:
    .ls-block:has( > div > div > .ls-block > div > div > div > div > div > div > div > span > div > div > span.show-on-hover ) > div > div > a > span.control-hide {
  display: inline;
}
.ls-block > div > div > .ls-block:has( > div > div > div > div > div > div > div > span > div > div > span.show-on-hover ) {
  display: none;
}
.ls-block:hover > div > div > .ls-block:has( > div > div > div > div > div > div > div > span > div > div > span.show-on-hover ) {
  display: block;
}
  • Add this simple macro in file config.edn inside :macros { }:
    :collapse "<span class='show-on-hover' />"
  • Use the defined macro somewhere inside the block you want to hide, e.g.: {{collapse}}
  • To show the hidden block, hover on its parent block.
    • The parent block will indicate the presence of hidden block(s) with its arrow.
    • Obviously this won’t work for top-level blocks.
5

Thnak you for your efforts