In Perspective I have a flex container with a map component. The flex container is given a solid border with border radius to all corners (see the below figure).
If you look closely enough inside the orange circles in the below figure, you can see there is some white color in every corner. Does not look so good on a dark background.
Seems that there is some kind of background bleeding or something going on in every corner.
Anyone knows how to tweak the corners to have the same color as the rest of the border?
I tried adding some lines with webkit in the theme css file, but I did not have any luck.
Is it possible to give individual colors to each corner, with CSS?
No, I did mean the flex container. Well, tried both (container and map) to be honest, but it gave me the same result of not getting rid of the tiny white borders at the corners.
Maybe by using the default map ( which is mostly white ) you don’t see the small white parts in the corners when rounding, or as @victordcq says, probably the map doing something weird.
I added an empty label above and beneath the map, and it seems that the white corners are gone ( see the below figure, implying that it’s the map doing something weird ).