Releases: nationalarchives/tna-frontend
Releases · nationalarchives/tna-frontend
v0.2.10
Added
$import-google-fontsoption (default:true) which can disable the inclusion of Google Fonts using an@importdeclaration- A new
all+analytics.jsfile now exists which can be used as a drop-in replacement forall.js - Google Analytics 4 can be automatically be instantiated by adding a
data-ga4property to the<html>element - New horizontal card options to control image width and position
- Added a CSS file for basic IE support (
ie.css)
Changed
- Removed the top and bottom padding of the breadcrumbs component
- Change the order of the HTML in hero components to put the caption below the image
- Refactored the card component to use CSS grid
Fixed
- Changed conflicting GA4 window object instance in GA4 class from
TNAFrontendAnalyticstoTNAFrontendAnalyticsGA4 - Adjusted margin bottom of narrow, shifted hero components
v0.2.9
Changed
- Removed
:focusstyles and replaced with:focus-visiblebut retained outline on:activeelements - Light accent blocks appear normal accent colours in dark themes
- Added parsed meta tags to initial
gtm.jsanalytics event
v0.2.8
Added
- New option
accentMetaon card component to make meta tags accented - Added image loader animations to card, hero, index grid, gallery and picture components
- Containers can be nested with
.tna-container--nested - Sticky sidebars can be "unstuck" on smaller devices with
.tna-sidebar--static-on-mobile - Added classeless styles for
<address>elements
Changed
- Refactored tabs component
- Removed unnecessary
titleattributes from footer, gallery, hero and index grid components - Added lazy loading to gallery images
- The
titleof gallery components is now optional - Reduced space above details components
- Added side padding to plain picture components
- Adjusted spacing of
<p>elements inside<li>and<dd>elements
Removed
- Removed container
--no-padding-allclasses and replaced with--no-paddingclasses for both containers and columns
Fixed
- Removed max height for gallery components
v0.2.7
Added
- Content in the cookie banner component is now customisable
Fixed
- Change skip link colours when hidden to avoid accessibility failures being raised
- Fixed incorrect use of
navigationIdandtopNavigationIdin global header component - Fixed padding of sticky sidebars
- Fixed header navigation toggle analytics
v0.2.6
Added
- Spaced option for description lists with
.tna-dl--spaced
Changed
- Removed the tabindex on open accordion items
- Theme selector icons in footer changed to SVGs
- Updated style of gallery next and previous buttons
- Header and global header menu buttons now have text
- Reduced size of logo in header component
- Header markup changed to align more closely with global header
- Updated the newsletter block style in the footer
Removed
- Pressing the up and down keyboard arrows no longer changes images within a gallery
Fixed
- Pressing
Escapewhilst focused anywhere on the header or global header components will close the menu if it is open - Icon vertical alignment fixed in description lists
v0.2.5
Changed
- Change default cookie age back to
31536000(1 year) but allow{ session: true }for session cookies - Allow default cookie age to be set on instantiation
v0.2.4
Added
- New style added for plain picture components
Changed
- Allow search field to be smaller than the browser default
- Reduced space between paragraphs in hero captions
- Default cookie age changed from
31536000(1 year) tonull(session cookie)
Fixed
- Added missing space above gallery component
- Updated gallery analytics
v0.2.3
Added
- Analytics added for accordion, detail and gallery components
Changed
- Large paragraphs (
.tna-large-paragraph) that follow headings and heading groups have less top margin - Switch
.tna-gallery--fullscreenclass for.tna-gallery:fullscreen
Fixed
- Further fixed gallery component layout when CSS loads but JS fails
- Buttons, inputs, selects and textareas now use the correct typeface rather than the browser default
v0.2.2
Added
- Allowed galleries to not show the first image by default using
showGrid
Changed
- Allowed the arrows to appear on card heading links
- The header component no longer requires the
tna-template--js-enabledclass on the<html>element to show and hide on smaller devices
Fixed
- Arrow colour for visited heading links with the class
tna-link--no-visited-state - Incorrect padding on the bottom of horizontal cards
- Removed space between heading and exclamation mark on warning components
- Fixed gallery component layout when CSS loads but JS fails
v0.2.1
Added
- Added
itemHeadingLevelto file list component and changed file titles to headings - Ordered and unordered lists can be spaced out with
.tna-ul--spacedand.tna-ol--spaced - The contents of the details element can be called in Nunjucks
- Cards can be made entirely clickable using the
fullAreaClickproperty
Changed
- Tables are no longer automatically 100% width but can be made to be with
.tna-table--full <ul>elements with the class.tna-containerhave theirlist-styleremoved- The default
htmlElementoption for the card component is now<article> - Gallery item captions are no longer wrapped in a
<p>element - Updated the heading link arrow style
- Added more space below table elements
- Removed focus shift on accordion items upon opening
- Changed the arrows on gallery buttons from Font Awesome SVGs to sharp CSS arrows
Removed
- Cards can no longer have plain supertitles
Fixed
- Fixed spacing in nested lists
- Set icon size for file list component for better viewing without CSS