"Similar Comments" and "Hidden Items" widgets are poorly displayed

[forivall]

Describe the bug
There's no little squiggle line 😢 and the background is odd and the text is odd

Expected behavior
There should at least be a little squiggle line 😢

Screenshots
microsoft/TypeScript#29671

[Snazzie]

🤣 i'll see what i can do.

[Snazzie]

So, i do remember trying to keep the squiggly, but the problem was and still is that the squiggly isnt directly overridable it through css without affecting the parent element.

The only way to show it on a dark background nicely will have to be editing the png and store the png somewhere then override the background-image url with the replacement.

Its not something im ecstatic to do tbh. Unless im wrong and you can apply filter on top of background-image? 🤷‍♂

I will however make the rest of the elements better fitting

[Snazzie]

See Visuals section of the release notes for the new look

[forivall]

Since a squiggle would be dead simple to do in a small svg, i think a solution could be to embed that (in a dataurl) instead of a png. I also found an example of filtering backgrounds here via this stackoverflow answer.

Your current solution is also good as is, thanks!

[Snazzie]

I didnt explain the problem well i think. So the background-url is applied to the parent element of the show more element.

If i were to apply a filter to the class name that houses the background-url, it will apply the filter to all the children of that element and you get the following.

Svg will probably be the solution, but yeah, not too ecstatic to do that 😆