Fix issue with results icon being clipped (featured case study)

[helenb]

Link to Ticket

Description of Changes Made

Make the results icon on the featured case-study overflow:visible so the text doesn't get clipped

How to Test

Screenshots

Expand to see more

Before:

After:

MR Checklist

• Add a description of your pull request and instructions for the reviewer to verify your work.
• If your pull request is for a specific ticket, link to it in the description.
• Stay on point and keep it small so the merge request can be easily reviewed.
• Tests and linting passes.

Unit tests

• Added
• Not required

Documentation

• Updated build docs
• Updated editor guidelines (See https://intranet.torchbox.com/torchbox-com-project-docs for the private link, for Torchbox employees only)
• Updated field spec (See https://intranet.torchbox.com/torchbox-com-project-docs for the private link, for Torchbox employees only)
• Not required

Browser testing

• I have tested in the following browsers and environments (edit the list as required)
  • Latest version of Chrome on mac
• Not required

Data protection

• Not relevant
• This adds new sources of PII and documents it and modifies Birdbath processors accordingly

Accessibility

• Automated WCAG 2.1 tests pass
• HTML validation passes
• Manual WCAG 2.1 tests completed
• I have tested in a screen reader
• I have tested in high-contrast mode
• Any animations removed for prefers-reduced-motion
• Not required

Sustainability

• Images are optimised and lazy-loading used where appropriate
• SVGs have been optimised
• Perfomance and transfer of data considered
• If JavaScript is needed alternatives have been considered
• Not required

Pattern library

• The pattern library component for this template displays correctly, and does not break parent templates
• The styleguide is updated if relevant
• Changes are not relevant the pattern library

[helenb]

Marking as draft for now as this accidentally includes all the light mode stuff.

[helenb]

Marking as draft for now as this accidentally includes all the light mode stuff.

Now sorted out.

[chris-lawton]

I wonder if the viewbox attr is incorrect as it's odd that the SVG sits in the top left corner and there's a lot of space underneath and to the right of it.

Details

Either that or there's a load of whitespace in the initial SVG.

Anyways this MR fixes it : )

[helenb]

I wonder if the viewbox attr is incorrect as it's odd that the SVG sits in the top left corner and there's a lot of space underneath and to the right of it.

Details
Either that or there's a load of whitespace in the initial SVG.

Anyways this MR fixes it : )

Yes I think the original SVG was a bit off - but going for the quick fix now :)