Wednesday, November 23, 2022
1 change
Resolved issues and error corrections
Appointment pages now display profile and related images more smoothly by preventing a brief resizing flicker during load. This improves the visual experience for visitors booking or confirming appointments without changing the booking flow.
Original PR description
In appointment, images flicker because of the use of an HTML <img> tag. This is because the image is first loaded and displayed in the IMG tag, then styles are applied and the image is redimensionned. To avoid this, a solution is to use a div with a background image - because everything happens in CSS, the image will not be displayed until its style has first been calculated. The use of a background image is valid here because the pictures are not editable from those pages. Task-3002352