Custom CSS Remove strikethrough from completed AND opacity=1 when in focus

answered

#1

Hi all,

I don’t really use complete for its most obvious function so I’m now using it to fade things so I can focus on what I want - for this function the strikethrough feels a bit weird, so does anyone know how to remove it? I can’t seem to get rid of it through the “font-decoration: none !important” function.

Furthermore, I would really love it if when I put the cursor in a checked item, it went back to being normal (i.e. not greyed out / low opacity) - and the same for its children. Anyone have an idea whether this is possible with the custom CSS?

Thanks!

Stephen


#2

This custom CSS worked for me to remove the strikeout line:

.Node.is-checked > .Node-self .Node-content,
.Node.is-checked > .Node-self .Node-renderedContent {
  text-decoration: none;
}

#3

Oh nice, thanks Craig! I wasn’t using the .Node-content or .Node-renderedContent thingamagigs … I don’t really know what they do compared to that code without it to be honest but glad it works :slight_smile: