Timo Tijhof<p>When applying a thick border around an element in multiple colors, the corners meet at a 45-degree angle forming a diamond. That is established and seems reasonable.</p><p>But, when you set a thick edge on one side, the thin 1px border gets squeezed into a slope, and won't reach the edge! And the sidebar forms a *trapezoid*!</p><p>This is most noticable on modern high-DPI screens. It is rather unsatisfying, and hard to unsee...</p><p>Example:<br><a href="https://en.wikipedia.org/wiki/Template:Cleanup" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">en.wikipedia.org/wiki/Template</span><span class="invisible">:Cleanup</span></a></p><p><a href="https://fosstodon.org/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://fosstodon.org/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDesign</span></a> <a href="https://fosstodon.org/tags/WebStandards" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebStandards</span></a> <a href="https://fosstodon.org/tags/mathstodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>mathstodon</span></a></p>