|
From: | Gavin Smith |
Subject: | Rounded cartouche corners look bad in HTML output |
Date: | Sun, 22 Sep 2024 13:25:11 +0100 |
I saw there was a recent change in the code (2024-09-15) to use CSS for rounded corners for @cartouche. They look as in the attached file "rounded-percent.png". As you can see the rounding is not symmetrical and is very stylised, which goes against the bland non-opinionated style that we have by default. This is with "border-radius: 10%". I expect it looks like this because 10% of the height is different to 10% of the width so we do not get circular arcs at the corners. It would be better not to have rounded corners at all, as with the old output "cartouche-borders.png". Alternatively, using an absolute value, such as "border-radius: 10px" produces a better result: see "rounded-pixels.png". "border-radius: 0.5em" may be better as this should depend on the font size: see "rounded-em.png".
cartouche-borders.png
Description: PNG image
rounded-em.png
Description: PNG image
rounded-pixels.png
Description: PNG image
rounded-percent.png
Description: PNG image
[Prev in Thread] | Current Thread | [Next in Thread] |