LeaVerou/dabblet — Issue #4: The triangle for previewer overlays the bubble
Author: kizu
Created: 2011-12-11 13:51:25+00:00
State: open

Since the triangle is made using square pseudo-element and rotate, it's “hidden” part overlays the bubble itself:

![Hard to see, but…](http://i.kizu.ru/misc/D/overlay.png)

It's not so easy to see, but it somewhat bugs me :)

You can fix this if you'd replace the solid `#2E3538` background with diagonal gradient, so that it's edge would go right near the edge of the bubble. The loss of noise on so small triangle wouldn't be that bad anyway, like with this one:

linear-gradient(-45deg,transparent 48%,#2E3538 48%,#2E3538 100%)