CSS Issues

PointsWell

There are a few CSS issues that exist, particularly with Safari so I thought I would try to group them all under this post.

Given that these are CSS yes, I can go learn CSS, find the classes that are wrong and then place permanent overrides but:

This is out of the box functionality that is wrong
If I go fiddle with this and then some other change gets made then I have permanently imposed something that I won't ever know is later altered
It should just work out of the box for basic functionality

PointsWell

RESOLVED BUILD 3011

This was fixed then broken again in v8.6

If you place an icon on a button (in the icon area) the CSS sizes it too large to fit into the button and the rightmost edge of the icon is truncated.

In the example attached the text area of the button shows the fully formed icon, the icon area shows the truncated icon.

Screen Shot 2021-09-15 at 09.28.56.png

Please update the CSS for icons to shrink the icon to fit the space available

PointsWell

RESOLVED BUILD 3011

The Safari CSS is hobbled due to a legacy issue that appears to have been resolved

The Safari Webkit engine has disabled fieldset boarders for Sections, which leaves a significantly degraded UI when serving on Apple products.

Attached is the same page viewed in Safari but with the user agent set to be:

Chrome
Screen Shot 2021-09-15 Chrome.jpg

Firefox
Screen Shot 2021-09-15 Firefox.jpg

Safari
Screen Shot 2021-09-15 Safari.jpg

Safari/Webkit does not have a problem displaying the section with border while pretending to be a different browser, please bring the functionality back to being level across browsers

PointsWell

Open issues resolved in Build 3011