SWE v4.0.13

Released on 24 Aug 2022

🟢 New

Loading spinner component

Detail: A CSS-only loading spinner component for content areas and buttons.
What was changed: HTML, CSS
Documentation: Loading spinner, Button with a loading spinner
Internal ticket reference: QOL-7591

🔵 Improvements

Header with a minimised global search field

Detail: For pages with multiple search fields, there's an option to minimise the global search field.
What was changed: HTML, CSS, JS
Documentation: Header with a minimised global search field
Internal ticket reference: QOL-8459

Default	Minimised

Breadcrumbs on desktop will fill the full width of the content area, before wrapping to another line

Detail: Removed the max-width and the transition animation as it requires a width, and isn't needed.
What was changed: HTML, CSS
Internal ticket reference: QOL-8647

Multi select (Form.io) design and user experience improvements

Detail: Increased font-size, more accessible use of colour, added focus styles.
What was changed: HTML, CSS, JS
Internal ticket reference: QOL-8843

Before	After

🟡 Fixes

Promotional banner - Left align the buttons used within

What was changed: CSS
Internal ticket reference: QOL-8766

Cards - Left and right padding added at medium breakpoint and lower (≥768px)

What was changed: CSS
Internal ticket reference: QOL-9076

Before	After

Typography - The pink font colour used for code examples now has a WCAG AA compliant contrast ratio of 4.72:1

What was changed: CSS
Internal ticket reference: QOL-9154

Aside - Ensure images are responsive and don't overflow

What was changed: CSS
Internal ticket reference: QOL-8822

Deprecation notice

Images component

It's recommended to stop using the classes qg-cut-in/qg-cut-in-alt and figure-credits, and replace existing instances with qg-fig and figure-cc respectively.

Thanks to all who contributed to this release.