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:

1. This is out of the box functionality that is wrong
2. 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
3. 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 (8.75 KiB) Viewed 5901 times

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

Chrome

Screen Shot 2021-09-15 Chrome.jpg (151.2 KiB) Viewed 5900 times

Firefox

Firefox

Screen Shot 2021-09-15 Firefox.jpg (138.06 KiB) Viewed 5900 times

Safari

Safari

Screen Shot 2021-09-15 Safari.jpg (145.91 KiB) Viewed 5900 times

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