Blurred forest-link text and popup on hover in firefox

[cipharius]

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.

[srid]

Probably something to do with the opacity setting for deemphasized elements:

neuron/neuron/src/lib/Neuron/Web/Zettel/CSS.hs

Lines 129 to 132 in 943d15e

	".deemphasized:hover" ? do
	opacity 1
	".deemphasized:not(:hover)" ? do
	opacity 0.7

[cipharius]

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.