neuron icon indicating copy to clipboard operation
neuron copied to clipboard
verified publisher icon srid

Blurred forest-link text and popup on hover in firefox

Open cipharius opened this issue 5 years ago • 2 comments

I noticed that when I hover over links under forest-link container, both the highlighted text and the tags popup becomes blurred when using Neuron generated static site in firefox.

It should be reproducible in latest firefox, if not, I can try to add more specific information or try to resolve it myself.

Attached picture shows the problematic menu. Note that when taking a screenshot, the blur disappears.

image

cipharius avatar Sep 21 '20 16:09 cipharius

Probably something to do with the opacity setting for deemphasized elements: https://github.com/srid/neuron/blob/943d15ee8a0091af53ded079d3b676dbd0bc54a9/neuron/src/lib/Neuron/Web/Zettel/CSS.hs#L129-L132

srid avatar Oct 07 '20 22:10 srid

From my experimenting, it is related to the rotate transform, where the tree gets rotated around origin which falls between pixels.

I didn't find a clean way to solve this yet, but it does help to change some of the relative em units into px units.

cipharius avatar Oct 08 '20 05:10 cipharius