All notable changes to digital pattern library will be documented in this file. This project adheres to semantic versioning.
Changes are grouped under the labels: Added
, Changed
, Deprecated
,
Removed
, Fixed
, and Security
.
Release date: Tuesday 04 October 2022
- Headings not properly structured
- Various other accessibility changes
- Links, images and inline iFrames without text alternatives on Docs and Patterns pages
- Colour contrast issues
- Docs and example pages missing Page title and headings
- Empty container elements
- Various other accessibility fixes
Release date: Thursday 30 June 2022
- Skip to content link is now visible on hover.
Release date: Wednesday 29 June 2022
- Documentation of gallery.
- Text underline distance reduced slightly.
- Documentation of secondary call-to-action.
- Button styling when inserted into an alert.
- Button spacing in secondary call-to-action when more than two buttons are used.
Release date: Tuesday 14 June 2022
- Documentation and HTML of secondary call-to-action.
- Secondary call-to-action transparent overlays now use solid colour.
- Course page examples amended.
- Styling for various patterns.
- Secondary call-to-action with transparent overlay.
- Secondary call-to-action with no overlay.
- Prevent margins on headings when in content block.
Release date: Tuesday 16 March 2021
- Tags pattern.
- Example pages for event and online event.
- Expand code button for code blocks in documentation.
- Checkbox list with scroll and expand functionality.
- Horizontal rule style.
- Improved spacing for headings within a content block.
- Documentation and HTML of event tile grid pattern.
- Documentation and HTML of event list pattern.
- Paired values list pattern now includes collapse utility class to remove vertical padding.
- Console warning messages.
- Colours page text colours.
- Various minor design changes to form elements.
Release date: Monday 21 December 2020
- Hero banner pattern image further separated from content to prevent overflow issues.
- Gumshoe script only runs if sticky navigation bar is present in the DOM.
- ARIA label added to header search field.
- Header pattern's dropdown button, removal of redundant caret icon.
Release date: Thursday 10 December 2020
- Gumshoe script for fixed position navigation.
- Copy code button for each code block.
- ARIA label to search form fields.
- More options for paired value list.
- Form options for hero banner pattern.
- Horizontal list pattern.
- Grey colour with alpha transparency for one implementation over multiple background colours.
- Dropdown button option with chevron.
- Sticky horizontal nav pattern now visible on all displays, with new styling and documentation.
- Styling for code blocks.
- Code blocks now encoded to show raw HTML that is not altered by pattern's JavaScript.
- Code blocks spacing and formatting improved.
- Saerch autocomplete (Typeahead) now bold on the non query part.
- Reduce font size of headings when in a sidebar.
- Documentation and example sidebar heading levels.
- Aligned checkbox and radiobutton elements to left.
- Sizing and spacing on checkboxes and radiobuttons.
- Reduced font size of accordion item headings by one on the scale.
- Dropdown button option with caret.
- Search banner with background image.
- Bootstrap scrollspy script.
- Deprecated tile option.
- Tile colour options.
- Horizontal list code from search bar pattern to become new standalone pattern.
- Documentation heading levels.
- Search reset button now also resets autocomplete.
- Tidy up hero banner spacing of elements.
- Formatting of code blocks.
Release date: Thursday 24 September 2020
- Option for an element to not inherit the default DPL link styling.
- Support for SoundCloud audio on featured media pattern.
- Light grey background option for featured media pattern.
- Transcripts added to video embed patterns.
- New pattern for inline images.
- New pattern for YouTube video embeds.
- New pattern for SoundCloud audio embeds.
- Heading levels for footer pattern.
- Light blue colour now AA compliant on light grey backgrounds.
- Minor changes to documentation.
- Category header pattern no longer includes a heading tag.
- Video is no longer an option for page intro pattern.
- Redundant styling for old KIS widget.
Release date: Thursday 13 August 2020
- Support for .text-muted class to lighten text colour for less important content.
- Font size utility class to set font size to 1rem.
- Layout support for .alternate-rows to reproduce alternating coloured rows without using tables.
- Improved focus state on Twitter Typeahead autocomplete dropdown.
- Spacing utility classes now !important.
- Pagination z-index too high for selected page.
- Offset outline reset to prevent extra space in Chrome browser on focus state.
- Various display issues with navigation grid CSS columns.
- Focus states on Search bar with blue background.
- Security updates.
- PT Serif Caption font.
Release date: Friday 5 June 2020
- Navbox active state background colour.
Release date: Friday 15 May 2020
- Lightbox and DataTable scripts now separated from core script file.
- Minor documentation updates.
- jQuery version updated to 3.5.1.
- Display issue with Application sidebar background in Safari on certain versions of Mac OS.
- Skip to content link in documentation pages fixed.
- Photosphere pattern.
Release date: Tuesday 21 April 2020
- Contrasting focus state styling across all interactive elements and links.
- Tabs added to Search results example.
- Documented support for additional input types within forms.
- New colour swatch component.
- Colour contrast accessibility guidance added to Colours page along with additional documentation.
- ARIA support improved across a wide number of patterns.
- Callout options added to Alert pattern with additional documentation.
- Ability to avoid form fields spanning width of container.
- Web application interface added to examples.
- Vertical spacing added between normal list items in ordered and unordered lists.
- Tile grid items' maximum width increased when stacked.
- Panel heading links now include chevron to match other block link styles.
- Various spacing and padding changes across a wide range of patterns.
- Link styles changed to underline with different hover, active and focus states.
- Tabs now stack on small width displays.
- Style changes to tabs to include greater contrast on borders and tabs, along with focus state for tab labels.
- Documentation updates across a wide range of patterns and examples.
- Improved accessibility to documentation pages.
- Tabindex applied to linked images that link to the same place as an adjacent text link. This is to prevent being read out twice on screen readers. Applies to Article header, Comment, Article list patterns.
- News landing page example updated to reflect new pattern changes.
- Gallery example page now includes page heading and introduction.
- Form example amended to meet new form guidance.
- Styling removed from form legend tag, this should instead be applied to the contained heading text.
- Form element focus state styling amended for greater contrast.
- Datatable styling amended for focussed elements along with improved indication of selected column.
- Colour palettes amended to reduce number of overall colours used and simplify the options available.
- Showcase banner colours changed to reflect updated colour palettes.
- Featured media now using 'Action' style button.
- Secondary call to action banner now using 'Action' style button and left aligned.
- Breadcrumbs style changes to reduce visual importance.
- Breadcrumbs improved for screen reader users.
- Event tile grid improved for screen reader users and more consistent components.
- Event list improved for screen reader users and more consistent components.
- Navbox rewritten to remove need for JS for links and to treat these as links rather than buttons.
- Form error messages and form documentation.
- Transition effect on links.
- Example page for search with different styled adjacent results.
- Support for <b> and <i> tags is instead handled by CSS.
- Section header pattern.
- KIS widget.
- Images now displaying on Long-form example page and Vimeo video removed.
- Images now displaying correctly in lightbox on Gallery example page.
- All tags used on Contact card pattern must be linked so examples have been updated.
- More consistent font sizing and spacing across all patterns.
- Contact card layout improved on small to medium width devices.
- More consistent formatting of documentation.
- Old navbox markup.
- Mini authenticated header option.
Release date: Monday 17 February 2020
- Dropdown button style example.
- Tag button style examples.
- Responsive helper classes.
- Fade effect for lazyloaded images.
- Spacing and font sizing changes to search bar pattern.
- Consistent use of font icons for event based examples.
- Modal window script can now be called at any time.
- Margin under sticky nav.
- Photosphere pattern.
Release date: Wednesday 8 January 2020
- Article list pattern to replace more news pattern with more flexibility.
- Metadata list pattern to be used in various other patterns.
- Typos in documentation.
- IE11 navbox chevron sizing.
- News landing page example replaced more news pattern with article list pattern.
- Featured news pattern now uses metadata list pattern.
- News updates pattern now uses metadata list pattern.
- More news pattern replaced by article list pattern.
- Search results metadata replaced by metadata list pattern.
Release date: Wednesday 4 December 2019
- More news pattern made more compact on small displays.
- Minor amends to featured news and news updates patterns to match more news spacing.
Release date: Tuesday 3 December 2019
- Autocomplete styling to screen.css.
- Autocomplete example to search bar pattern.
Release date: Tuesday 29 October 2019
- Heading with section pattern.
- Removed top margin on headings.
- Anend other pattern's margins to handle new heading margins.
Release date: Thursday 24 October 2019
- Blockquote pattern.
- Featured media pattern.
- Increased vertical spacing on hr element.
Release date: Friday 4 October 2019
- Article header pattern.
- Comments pattern.
- Examples for blog and news pages.
- More news pattern layout and code improved.
- Featured news pattern layout and code improved.
- News updates pattern layout and code improved.
- Header logo now no longer h1.
- Tags on contact cards must now be linked.
- Numerical list pattern style changes.
- Showcase banner style changes and removal of icon option.
- Focus states and colour contrast improvements for accessibility.
- Navbox typography now using responsive scale.
- Styling being applied for table CSS classes.
Release date: Monday 26 August 2019
- Accordion group toggle button now optional rather than required.
- Light cyan colour changed for improved accessibility.
Release date: Friday 23 August 2019
- DPL documentation styling.
- Link colour now greater contrast to main font colour.
- Ligature and font smoothing browser settings.
Release date: Thursday 22 August 2019
- Facet list pattern.
- Filter box pattern.
- Three logos in awards and affiliations footer banner now supported.
- Documentation typos.
- ARIA roles in accordions pattern.
- Search result spacing.
- List group stylings.
- Example update for search pattern.
- Layout fixes.
- Image sizes referenced across DPL now standardised.
- Functionality for accordions to be open on page load.
- Transparent colour options on colours page.
Release date: Monday 29 July 2019
- Disclaimer notice for limited support for Photosphere pattern.
- Browser support documentation.
- Search results pattern.
- Safari browser fixes for clear search button.
- Security dependencies.
- List stying within accordions.
- Open access icon display in IE 11.
Release date: Thursday 20 June 2019
- Clear search button for search bar pattern.
- Vertical ordering options added to navigation grid pattern.
- Small checkbox sizes.
- Security dependencies.
- Fontawesome free regular icons now supported.
- Styling for some instances of tables when shown on course pages.
- Spacing for page headings on DPL documentation.
- Navigation grid pattern changed to use grid layout with fallback support.
- All references to Glyphicons fonts from Bootstrap.
Release date: Tuesday 11 June 2019
- Security dependencies.
- Minor amends to navigation grid pattern.
Release date: Thursday 6 June 2019
- Security dependencies.
- Change scope of how accordion is selected in jquery.
Release date: Wednesday 22 May 2019
- Feedback footer option.
- Page intro pattern.
- Event list pattern.
- Landing page example.
- Responsive typography added to create a consistent set of complimentary font sizes.
- Updated footer style.
- Container now fills entire width of browser on any width lower than its maximum (1200px).
- Breadcrumbs margin now applies to entire full width block element to allow for collapsible margins.
- DPL docmentation updated to include new page intro pattern.
- H1 now recommended for page title (see page intro pattern).
- Headings and body text now using responsive typography with em and rem units rather than px.
- Event tile grid layout copes better with more flexible width container.
- Intro pattern is now replaced with new page intro pattern.
Release date: Wednesday 24 April 2019
- Open access logo for publications on staff profiles.
- New summary text field added to contact card pattern.
- Category header pattern amended to remove background image.
- Heading sizes adjusted.
- Padding amended on KIS widget ahead of cookie control implementation.
- Grid fix for staff profile pattern.
- Category header pattern with background image.
Release date: Wednesday 10 April 2019
- New page examples for people listings.
- New page example for full staff profile.
- Hero banner pattern styling.
- Hero banner pattern documentation.
- Staff profile pattern redesigned to use CSS Grid.
- Homepage example updated to use new hero banner and closer match the current live site.
- Example listings page navboxes simplified to remove images.
- Contact card pattern amended to allow tags that are not linked.
- More news pattern category links hover state now not tied to other styling for greater flexibility.
- Issues with floating hr.
- Paired values list improved for IE11.
Release date: Wednesday 20 March 2019
- Hero banner pattern replaced with new design.
- Font Awesome updated from version 4 to version 5.
- Amend icons to use new options provided by version 5 of Font Awesome.
- Additional grouped links colour with blue background.
- Photosphere example now showing in DPL documentaton.
- Datatables code example now showing correct raw markup.
- Long form end piece no longer requires font icon.
- Genericons files as no longer used.
- Previous hero banner pattern.
Release date: Wednesday 27 February 2019
- Lazyload example to contact card pattern.
- Style amends to contact card pattern.
- Documentation for contact card pattern.
Release date: Tuesday 26 February 2019
- Accessible modal window script.
- Contact card pattern has been completely redesigned to work better responsively and cope with different amounts of content.
- Contact card makes use of new modal window feature to provide additional information for a contact.
- Main colour for body text changed to match colour palette dark grey.
- Address examples for footer pattern now meet house style.
Release date: Wednesday 13 February 2019
- Contact card height increases at widths where 3 adjoining cards require more space.
- Update to lodash version in package.lock.json
Release date: Thursday 7 February 2019
- Caption option for featured media.
- Orange background colour option for featured media.
Release date: Wednesday 9 January 2019
- New pattern for lists of paired values.
- Figcaption styling and spacing amended.
- Secondary call to action pattern spacing amended.
Release date: Tuesday 18 December 2018
- Header pattern to reflect new Funnelback search, removing GSA.
Release date: Wednesday 12 December 2018
- All examples and code blocks have been wrapped in noindex tags so they are excluded from the University website search.
- New option for footer pattern to support additional branding.
- New spacing helper classes.
- New global class for large headings.
- New keyline option for headings.
- Secondary text within a heading moved to sit on a new line.
- Bullet list style now consistent when used within accordion groups.
Release date: Wednesday 28 November 2018
- New search bar option with background image.
- Moved navigation pattern category higher up the list of patterns in the DPL documentation.
- Increased spacing for search bar heading when no sub heading present.
- Chevron image icon replaced to use Font Awesome icon in various places.
- Deprecated accordion pattern now inherits background colour rather than being set as white.
- Documentation layout fixed on featured media pattern.
Release date: Tuesday 13 October 2018
- New accordion pattern incorporating new styling.
- New accordion pattern groups elements within an accordion, with toggle button to open/close all elements.
- New accordion pattern has additional options for intro text and key facts to summarise the main content of an accordion element.
- New form banner option for basic implementation.
- New search bar option with additional links.
- New search bar option with grouped additional links.
- New search bar option that is constrained to a column width.
- Accordion (old version) style changed to match new method.
- Alert pattern style changed to match colour palette.
- Alert pattern documentation and html updated to move away from Bootstrap defaults.
- Form banner documentation and examples have been amended to focus on the different implementations rather than exact use cases.
- DPL pattern search changed from using form banner pattern to search bar pattern.
- Navbox chevron changed to use Font Awesome icon to bring into line with new accordion.
- Navbox size reduced on small displays.
- Read more button chevron changed to use Font Awesome icon.
- Read more button style code moved to sit alongside general button style definitions and made more consistent with navbox.
- DPL documentation changed to use new accordion pattern.
- Accordion pattern has been deprecated and replaced with new method.
- Removed historical deprecated patterns (Glyphicons, Info bite, Info bite grid, Masonry, Masonry grid).
- Removed support for old method of accordion in newly deprecated accordion pattern.
- Removed search options from form banner pattern as these are now consolidated in search bar pattern.
- Current year was duplicated incorrectly in footer pattern.
- Fixed invalid markup on form elements pattern.
- Added bottom margin to read more button in news updates pattern.
- Reduce gap between two panel grids when they are siblings.
- Fixed padding on case studies option of news updates pattern.
- Showcase banner icon size conflict with navbox chevron.
Release date: Wednesday 24 October 2018
- Fix to padding on tables to set bootstrap variable.
- Change form hint text to accessible colour contrast.
- Event tile support for ie11.
- Pagination pattern documentation.
- Pagination options to include ellipsis and buttons with visible text.
- Removed bottom margin on form banner pattern.
Release date: Tuesday 9 October 2018
- GitHub identified a security vulnerability in some of our dependencies at package-lock.json, Randomatic has been updated to the latest version.
Release date: Tuesday 9 October 2018
- New event tile grid pattern.
- Category header link now has hover state.
- Category header font changed to 'PT Serif'.
- Wrapper applied to footer, navbox grid, panel grid, showcase banner, and tile grid patterns for consistent padding that adapts to viewport.
- Examples of pattern options now clearly defined and marked with labels.
- Example homepage updated to reflect up-to-date layout.
- Bottom margin removed from hero banner.
- Showcase banner icons are now optional.
- Call-to-action button widths amended on tile grid pattern.
- Various typos in documentation.
- Various formatting issues in documentation.
- Removed duplicated category header option.
- Removed navbox options for content thirds as these were combining two distinct patterns so not applicable.
Release date: Thursday 13 September 2018
- Increased padding on table data cells to increase legibility of content.
Release date: Tuesday 7 July 2018
- Datepicker was instantiated with id rather than class names which caused issues when multiple datepickers were on the same page. This has been changed to use classes.
- Datepicker z-index needed adjustment to avoid appearing underneath checkboxes.
- New pattern and options for navigation grid.
Release date: Wednesday 25 July 2018
- GitHub identified a security vulnerability in some of our dependencies at package-lock.json, Handlebars, markedJS and UglifyJS2 have all been updated to their latest versions.
Release date: Tuesday 19 June 2018
- Images on the 'More news' pattern are now left-aligned, instead of right-aligned.
- The Universities title contained within the 'footer' pattern was only 'University of...' and not 'The University of...'. Corrected this now.
Release date: Friday 1 June 2018
- Margin bottom classes added to screen.scss to use on secondary call-to-action banners.
- Form banner results text colour changed to dark grey.
- Navigation bar margin fixed.
- Featured news grid sizes fixed to correct spacing.
Release date: Wednesday 30 May 2018
- New option for panels pattern.
- New options for panel grid pattern.
- New options for secondary call-to-action pattern.
- New options for featured media pattern.
- New option for tile grid pattern added.
- New options for gallery pattern added.
- New option for share options pattern added.
- Styling for box shadows used on various patterns has been altered.
- Styling for secondary call-to-action pattern has been altered.
- Styling for featured media pattern has been altered.
- Styling for featured news pattern has been altered.
- Character count for paragraph text on featured people pattern has been increased.
- Tile grid pattern mark up has been altered.
- Button styling on long-form intro pattern has been fixed.
- Set CSS height/width for all images.
- Removed white space that appears when no result is returned on search bar pattern.
- Padding and margins adjusted for share options pattern.
- Deprecated two options from secondary call-to-action pattern.
- Deprecated four options from featured media pattern.
- Removed redundant options from secondary call-to-action pattern.
Release date: Friday 11 May 2018
- All images within content items now re-size correctly.
Release date: Thursday 10 May 2018
- Feature people title to lower case.
- Missing image width on long-form pages.
- Featured news styling fixed.
Release date: Friday 4 May 2018
- New featured people pattern.
- New showcase banner pattern.
- New icons for font awesome pattern.
- New options for hero banner pattern.
- Hero banner pattern markup has been altered.
- Deprecated two options from hero banner pattern.
Release date: Wednesday 2 May 2018
- Expert cards option to the contact card pattern.
- Lazysizes library to enable lazy load images.
- New option for 'news updates' pattern.
- Colours now match the corporate identity and are AA compliant.
- Image sizes required for 'more news', 'featured news' and 'news updates' have changed.
- The code for patterns 'more news', 'featured news', and 'news updates' have been reworked to improve stability.
Release date: Tuesday 17 April 2018
- Restructured the news updates pattern as it was breaking on tablet devices.
- 'Continue reading' button from the news updates pattern.
Release date: Friday 6 April 2018
- Removed a line from CSS of the long-form gallery pattern that was breaking pages on the site.
Release date: Friday 16 March 2018
- New search bar pattern.
- New numerical list pattern.
- New share options pattern.
- New option added to the news updates pattern.
- New option added to the buttons pattern.
- Rules on usage of news updates pattern.
- Rules on usage of navbox grid pattern.
Release date: Wednesday 7 March 2018
- Slight restructure to the form banner pattern.
Release date: Wednesday 7 February 2018
- Rules on usage of staff profile pattern.
- Rules on usage of hero banner pattern.
- Rules on usage of content halves pattern.
- Rules on usage of navbox grid pattern.
- Rules on usage of navbox pattern.
- Font awesome share icon replaced with alternative.
- Content example page now includes two navboxes.
- Auto focus of text cursor added to form banner on patterns page.
Release date: Monday 22 January 2018
- Form banner added to patterns page to allow filtering of available patterns.
Release date: Monday 08 January 2018
- Timelapse video added to furniture docs.
- New Photosphere pattern
Release date: Monday 06 December 2017
- Font colours for content thirds and content halves patterns.
Release date: Monday 04 December 2017
- Text colour for h3 and ul for the content thirds pattern.
Release date: Friday 01 December 2017
- Removed CSS min-height from col-xs-12 div.
Release date: Thursday 30 November 2017
- Rules on background colour usage with content thirds pattern
- Header no longer wraps around text on content thirds pattern
- Resolve padding issue with form banner on mobile devices.
Release date: Thursday 09 November 2017
- Further updates to staff profile pattern to reflect CSA site.
Release date: Wednesday 08 November 2017
- Update staff profile rules to reflect CSA site.
Release date: Wednesday 11 October 2017
- Global no-margin-bottom rule added to CSS.
Release date: Tuesday 10 October 2017
- Corrected typo in featured media pattern.
Release date: Monday 9 October 2017
- New option for featured media pattern, centred video.
Release date: Monday 9 October 2017
- Extra rule to typography pattern to make it clear that inline CSS is not allowed.
Release date: Thursday 21 September 2017
- Google Analytics to the DPL docs pages.
- Description lists to the typography pattern.
- Long-form links were using border-bottom CSS to set the underline colour, they are now using text decoration.
- Styling for links within lists on the featured media pattern.
Release date: Friday 18 August 2017
- Accordions not appending unique ID's.
- KIS widget too big for popover box.
Release date: Thursday 17 August 2017
- Typo within the staff profiles pattern.
Release date: Monday 14 August 2017
- Colour of the column headings within the results div of the form banner pattern was set to white text on a white background, corrected to black text.
Release date: Tuesday 1 August 2017
- Added an option to have 3 CTA buttons to the secondary-call-to-action pattern.
- Added an option to have a transparent colour overlay to the secondary-call-to-action pattern.
- Added an option to have a light-grey background for the Form banner pattern.
Release date: Thursday 6 July 2017
- There was a jQuery warning in the console caused by a misplaced closing bracket.
Release date: Wednesday 5 July 2017
- Form banner pattern
- Updated print.css to hide code on print.
- Changed form elements to add styling to radio buttons and input fields.
- Simplified the dummy pattern.
Release date: Monday 3 July 2017
- Fixed the CSS rules for the accordion pattern so that divs within accordion content won't be hidden.
Release date: Wednesday 28 June 2017
- Table option for the key info table.
- Reformatted accordion pattern to make it more efficient.
- Moved code to hide accordions content from JavaScript to CSS, this removes the inline CSS.
- Adjusted table CSS rules on content halves to fix some weirdness.
- Add media query CSS rules to change how the gallery works on mobile.
Release date: Wednesday 21 June 2017
- Moved awards and affiliations logo banner above footer code to make it a standalone option.
Release date: Monday 19 June 2017
- New footer option which includes awards and affiliations logo banner.
Release date: Tuesday 6 June 2017
- New hero banner option which accommodates video embedding
Release date: Thursday 1 June 2017
- Moved datatables.js into core.js
- Moved datatables.css into screen.css
Release date: Friday 14 April 2017
- Single panel pattern.
- Update featured media pattern.
- Uddate long form intro pattern.
- Long form end piece date format.
- Update spacing in all pattern hbs files.
- Update header to point to https for gasearch
- Fix CSS rules for buttons, featured news and kis widget.
Release date: Friday 31 March 2017
- Update all the example pages.
- Update documentation on the About and Using the pattern library pages.
- Update patterns for final QA of style.
- Fix misc small responsive issues.
- Remove redundant examples from examples page.
Release date: Thursday 30 March 2017
- Rewrite using the dpl page.
- Update intro pattern.
- Update example pages.
- Fix typeface naming.
Release date: Wednesday 29 March 2017
- Pattern for typefaces that we use.
- Example in form elements for a datepicker.
- Rewrite DPL homepage and permissions for use.
- Updated the secondary call-to-action pattern.
- Rewrite form errors to meet documentation style.
- Form elements change checkboxes to use font awesome.
- Header to use font awesome.
- Font awesome integrated into DPL core.
- Updated example page partials.
- Deprecated Glyphicons pattern.
- Fix datepicker on desktop.
Release date: Wednesday 22 March 2017
- Update documentation for sticky nav.
- Correct CSS code for sticky nav.
- Previous implementation, replacing with new example.
- Bug where sticky nav moves around screen on user-click.
Release date: Thursday 16 March 2017
- Form elements added textarea content limit counter.
- Updated virtually all the patterns to comply with our own house style and DPL documentation structure.
- Rebuilt Pagination, Featured news, Form elements and Typography to comply with our structure; ex. pattern-options.json and a single .hbs file.
- Removed strange character coming from Bootstrap breadcrumps
nbsp;
Release date: Monday 13 March 2017
- Featured news pattern.
- Form elements added 'dpl-form' class for new style form.
- Tile grid update documentation and add examples.
- Navbox grid add examples and update documentation.
- Content-halves add examples and update documentation.
- Buttons, add examples and update documentation.
- Form elements input sizing.
- Tile pattern, merged into tile grid.
Release date: Tuesday 7 March 2017
- Pattern page images.
- Contact card documentation and examples.
- DataTables examples and options.
- Glyphicons examples.
- Form elements examples.
Release date: Wednesday 1 March 2017
- KIS widget pattern.
- Navigation bar pattern.
- Form elements and form errors patterns.
- Navbox pattern.
Release date: Thursday 23 February 2017
- More-news pattern.
- Contact card pattern.
- Staff profile pattern.
- Fixed navigation disappearing.
- Update the example form page.
- Update alert pattern documentation.
- Update gallery documentation.
Release date: Monday 20 February 2017
- Long-form quotes pattern.
- Long-form asides pattern.
- Long-form sections pattern.
- Updated the hero banner pattern, adding more examples.
- Fixes for documentation in many patterns.
- Long-form content pattern.
Release date: Tuesday 14 February 2017
- Long-form intro pattern.
- Long-form end-piece pattern.
- Long-form credits pattern.
- Redundant long-form styles and code from the old master pattern.
Release date: Thursday 9 February 2017
- Added subject combo pattern for the Modern Languages subject pages.
Release date: Wednesday 8 February 2017
- Long-form gallery pattern.
- Tabs example for read/shared on blogs.
Release date: Friday 3 February 2017
- Tables pattern.
- DataTables pattern.
- Bootstrap components and Bootstrap components - advanced.
- Removed unused example pages and supporting files.
Release date: Friday 3 February 2017
- Pattern specific images for the patterns.html page.
Release date: Friday 3 February 2017
- New typography pattern based on Bootstrap.
Release date: Thursday 2 February 2017
- New pattern based on Bootstrap's button.
Release date: Thursday 2 February 2017
- New pattern replacing Bootstrap's pagination example
- Options for pagination pattern
- New pattern for Bootstrap's responsive media embed
- Options for responsive media embed
Release date: Wednesday 1 February 2017
- Form elements pattern.
- Form validation pattern.
- Form example page.
Release date: Tuesday 31 January 2017
- New pattern for using Glyphicons.
Release date: Tuesday 31 January 2017
- Added Alerts pattern.
Release date: Friday 27 January 2017
- Remove link to ../fonts/pt-serif-caption/regular/PTZ56F-webfont.woff from
_fonts.scss
.
Release date: Tuesday 24 January 2017
- Update KIS widget template structure.
- Update KIS widget css to move margin-right to the list item instead of the button.
Release date: Thursday 19 January 2017
- Added background colours to the Featured media pattern.
Release date: Tuesday 17 January 2017
- Added margin to Alert element paragraphs.
Release date: Tuesday 17 January 2017
- Remove wai aria role from content whole pattern.
Release date: Tuesday 17 January 2017
- Update CONTRIBUTING.md to match the redesign of how the DPL is built.
- Update dummy pattern to match the redesign of how the DPL is built.
Release date: Monday 16 January 2017
- Remove wai aria role from content whole pattern.
- Update dummy pattern to match the redesign of how the DPL is built.
- Remove wai aria role from content whole pattern.
Release date: Friday 13 January 2017
- Create options to show the use of Google Maps within other patterns.
- Instead of using a JSON file for map markers, we now use the default Google and Google My Maps embed code.
- Update documentation to reflect changes to how pattern works.
- Remove the JavaScript file, as this is no longer needed.
- Remove all CSS styling for the pattern, except one line, as Bootstrap's responsive embed code works fine.
Release date: Friday 13 January 2017
- Add lightbox.js with some new examples.
- Update pattern documentation.
- Deprecate jQuery Theatre plugin code.
Release date: Tuesday 10 January 2017
- Add pattern-options.json to all patterns for the new layout.
- Add troubleshooting to
SETUP.md
.
- Update all patterns to reflect the new layout for examples and code.
- Simplify the homepage.
- Remove the data and example folders from all the patterns, as they were no long
Release date: Sunday 8 January 2017
- Add section number for "Update an existing install" (now section 3).
- Add section 4 for troubleshooting, and add steps to resolve "Error: handlebars does not support render".
- Correct URL in text-banner on example pages to take users back to the examples homepage.
Release date: Tuesday 20 December 2016
- Add navigation to Bootstrap components page.
- Reorder (A-Z) and simplify navigation on Bootstrap components - advanced page.
Release date: Friday 16 December 2016
- Rename 'Pattern-pages' to 'Patterns'.
- Rename 'Example-pages' to 'Examples'.
Release date: Friday 16 December 2016
- Fix floating footer on example pages.
Release date: Friday 16 December 2016
- New example to the header pattern for a web application header.
Release date: Thursday 15 December 2016
- Update CONTRIBUTING-CHEATSHEET to include specific instructions about updating package.json and CHANGELOG.md before deployment, and tagging releases after deployment.
- Add day names to CHANGELOG.md to match house style regarding dates.
Release date: Wednesday 14 December 2016
- Merge
JavaScript dependencies
page intousing the pattern library
page. - Merge
using jQuery DataTables
information into theTables - DataTables
pattern. - Put
using the pattern library
first in the main navigation drop-down. - Update
using the pattern library
to include guidance for third-party applications and content management systems.
- Delete
JavaScript dependencies
page and entry in main navigation. - Delete
using jQuery DataTables
page and entry in main navigation.
- Add CDN endpoint and package variables to
package.json
.
Release date: Tuesday 13 December 2016
- Update footer pattern documentation.
- Social media icons within the footer now use Font Awesome instead of SVG images.
- Add new example with deprecated code for the SVG links.
Release date: Monday 12 December 2016
- Fix bug where search box can't close when screen size expanded.
- Fix bug where search box position is altered when screen size is expanded.
Release date: Friday 9 December 2016
- Update header pattern documentation.
- Fix bug where search box dissapears after closing it in mobile view.
Release date: Friday 9 December 2016
- CONTRIBUTING.md - remove adding to navigation and replace with adding to pattern page.
Release date: Thursday 8 December 2016
- New example illustrating background colour with content-thirds pattern.
- Rename pattern content-updates to news-updates.
- Update news-updates pattern.
Release date: Wednesday 7 December 2016
- Create pattern content-thirds.
- Rename pattern content-full to content-whole.
- Update content-whole pattern.
- Move
.content
class from pattern toscreen.scss
. - Rename pattern content-2col to content-halves.
- Update content-halves pattern.
Release date: Tuesday 6 December 2016
- Fix sticky nav click listener that was breaking tab content.
Release date: Friday 2 December 2016
- Add text banner page.
- Create a new Font Awesome page.
- Create a new patterns page.
- Fix link to Photoshop template in hero banner pattern.
- Rework example pages.
- Update accordion page.
- Update breadcrumbs pattern.
- Update category header.
- Update
CONTRIBUTING.md
and merge inADD-PATTERN.md
so all author instructions are together. - Update documentation for colours and palettes.
- Update
README.md
.
- Remove palettes page (superceded now by colours page).
Release date: Tuesday 22 November 2016
- Add KIS widget.
- There is a
global_css_fix.css
file on the test subject pages e.g. http://www.st-andrews.ac.uk/subject-test/ancient-history/. This needs to be reviewed and code merged into the DPL for the appropriate patterns. - Content 2 column pattern - add (1/2 + 1/2). Add a new two column content example with optional header and optional full-width background to the Content 2 column pattern.
- Section header - new pattern for a section header to separate the sections on the subjects page.
- Build
core.js
without jQuery so when IT Services developers are already using jQuery they can have use with the DPL without fear of code clashes. - Make CHANGELOG accessible in the DPL docs.
- Featured media - new pattern for a full width background image with text to the left or right with image or video beside it. Used for content such as testimonials and reputation.
- Add and upgrade
datatables.js
to DPL - until now it was pulled in manually.
- Upgrade jQuery and plugins to latest versions.
- Upgrade to Bootstrap v3.3.7.
- Subject page header size increase. Heading at top of subject page e.g. chemistry, needs to be in a larger font. Add as a new example to the content-full pattern.
- Update blog link on DPL to DPL tag.
- Tabs.
- Update DPL homepage.
- Research group / panel grid - research group information to be on individual panels arranged in a grid. The panel already exists as part of Bootstrap, but need to decide how to best display research group.
- Update documentation for
ADD-PATTERN.md
.
- Remove IE9 polyfills. DPL uses a couple of JavaScript polyfills to support media queries in IE9. We no longer support IE9 so we can safely remove these.
Release date: Thursday 27 October 2016
README.md
has had a significant rewrite, as hasCONTRIBUTING.md
which now incorporates information fromADD-PATTERN.md
(now deleted).
- Merge
ADD-PATTERN.md
information intoCONTRIBUTING.md
.
Release date: Tuesday 4 October 2016
- New homepage with 'rules of engagement' text approved by Corporate Communications. This also features an aside showing current version, build date and time, plus links to the GitHub repository.
- Reordered the navigation to bring About up to the top level.
- Removed the 'Ex:' prefix from Examples dropdowns.
- Improved setup documentation for Windows users.
- Changed the audience header to the correct default header.
- Corrected the repository URL in
package.json
(it was still set to Bitbucket rather than GitHub). - Updated code in DPL change log, documentation, examples, and
_layouts
to meet house code style and standards. - Fixed aside heading (was
<h2>
, now<h3>
). - Fixed Bootstrap examples nav bar.
- Small tweaks and removal of redundant code in various patterns.
Release date: Wednesday 24 August 2016
- Added School header example.
- Various minor CSS updates.
- Research school updates.
- Changed how Google Maps are done. Now pulls in external location data and remove in-file location data.
- Updated links handlebars.
- Fixed accordion CSS code to make the rules more specific.
- Various minor content fixes.
- Make adjustments to responsive code.
Release date: Friday 10 June 2016
- Added Google Maps pattern.
- Added first iteration of hideaway JavaScript code.
- Added new variants, placeholder images and template to the Navbox Grid pattern.
- Added new light grey background variation to Tile Grid pattern.
- Uncommented scrollspy includes.
- Fixed home link in base.
- Fixed CSS selector in category header.
- Fixed copy date in footer by adding JavaScript to update it.
- Fixed issue with Google Maps API key.
- Fixed copyright year in long form.
- Fixed responsive bug in Navbox Grid pattern, example 4.
- Fixed a naming convention mix-up in the Staff Listing pattern.
- Fixed positioning, z-index and ScrollSpy in Sticky Nav.
- Removed repositioning JavaScript in Tile Grid pattern.
Release date: Tuesday 9 February 2016
- Added user stories to documentation.
- Created Contact Card pattern for staff listings.
- Created a working dummy pattern to make creating new patterns easier and quicker: simply copy and rename the dummy pattern as a template.
- Added Sticky Nav pattern.
- Updated .gitignore to that Sublime Text project files are now also ignored.
- Added blank Navbox grid example.
- Updated change log regarding
grunt-ftp-deploy
destination. - Replaced headers throughout the DPL.
- Increased iFrame height for examples.
- Updated header with University brand.
- Updated Handlebars structure to be mobile first for the Navboxes and updated SCSS to adjust the changes for the Navboxes. This fixes the Navbox title spilling out of the box on mobile devices.
- Fixed typo in About deliverables.
- Fixed vertical alignment for chevrons.
- Fixed responsive issues in Bootstrap Advanced examples.
- Fixed example of nested media.
- Fixed example 2 in Content 2 column.
- Removed apostrophes from Gallery options.
- Fixed T4 responsive images.
- Fixed grunt-ftp-deploy to point to standrewsdigital.org.uk in light of change of secondary accounts to TLS/SSL Explicit: changed CDN endpoint; changed FTP destination to standrewsdigital.org.uk and fixed path to docs/dpl in gruntfile
- Fixed examples and background images in Info bite grid.
- Fixed inconsistent names in Long form pattern.
- Fixed Masonry grid pattern background images: missing in example.
- Fixed breaking lines and URL in mobile.
- Fixed Navbox pattern: it now hides empty navboxes.
- Fixed Navbox grid pattern for empty boxes, and updated documentation.
- Fixed inconsistent menu item in Secondary call-to-action.
- Fixed class, layout and structure in Staff profile pattern.
- Added Sticky Nav pattern to the DPL navigation (it was missing!)
- Various minor fixes in Sticky Nav pattern (hbs doc, JavaScript syntax errors).
Release date: Wednesday 16 September 2015
- Improved documentation about long-form pattern (corrections and clarifications).
- Removed http: protocol from Google font URL (replaced with //) so that it may be served under https without issue.
Release date: Thursday 27 August 2015
- Added long form pattern for easily building Long form style pages.
- Added ability to easily retrieve Hex and RGB(A) codes for brand colours.
- Created
.core-stats.txt
file to track filesizes of core assets. - Added a summary JSON file into the
core
folder when built. - Set up build process to add a text banner with version and date to all compiled CSS and JS.
- Added minified versions of JavaScript files.
- Added contributor documentation:
CONTRIBUTING.md
,SETUP.md
,ADD-PATTERN.md
.
- Restyled the colour swatches in documentation.
- Adjusted the selected colour variants.
- Improved documentation about footer pattern.
- Refactored the
README.md
file.
- Removed unused Bootstrap components: Carousel and ScrollSpy.
Release date: Monday 27 July 2015
- Spacing issue in the header on mobile screens.
Release date: Friday 24 July 2015
- Header-only JavaScript and CSS core files. These will be used in places where only the header and footer styles are needed.
- Added a Gallery pattern.
- Additional placeholder images for galleries.
- Added jQuery Theatre (v1.0.1) plugin to provide immersive experience.
- Added Hammer.js to support jQuery Theatre.
- Custom defaults and styling for jQuery DataTables.
- Guidance about using DataTables.
- Updated default header pattern to have no audience links
- Added an audience-header variation examples for showing audience links.
- Improved how navboxes show on smaller screens, making them more concise.
- Fixed tile images that were scaling out of proportion at some screen widths.
- Fixed tile grid padding which was incorrect at smaller screen widths.
- Set navigation bar to be collapsed at iPad vertical and below.
- Authenticated header dropdown is now aligned right on mobile screens.
- Made header search placeholder text less ambiguous.
Release date: Thursday 18 June 2015
- Fixed bug where logo would flash on desktops because the JavaScript had to load before it would switch from standard to foundation logo.
- Fixed bug where both standard and foundation logos were loading. Now CSS media queries only loads the correct one.
- Fixed bug where print header was loading even though not showing. Now the print stylesheet loads the correct logo for print.
- Some minor fixes on print styles.
- Improved interactivity of the search box on mobile devices.
- Improvde spacing of audience links on mobile devices.
- Reduced size of text in
<figcaption>
elements. - Provide PNG logo fallback for IE8.
Release date: Monday 15 June 2015
- Optimised
logo-standard.svg
: 69 KB -> 41 KB - Optimised
logo-foundation.svg
: 60 KB -> 33 KB - Optimised
print-crest.png
: 41 KB -> 11 KB
- Unused logos and images.
Release date: Wednesday 10 June 2015
- Font aliasing to improve quality of fonts.
- Classes for implementing navigation in WordPress to support our theme.
- The breadcrumb pattern was updated to
<ul>
based instead of<p>
based.
- Increase opacity of category header to make more legible.
Release date: Tuesday 14 April 2015
- Local fallback copies of PT Sans in the event that Google fonts are not available.
- Web application example page.
- A new design for the header was implemented resulting considerable refactoring of the header pattern.
- Typos in documentation.
- Missing step in the README getting started steps.
- Removed unncessary 'accessibility' id from header.
- Bug with spacing in navigation bar pattern.
Release date: Thursday 12 March 2015
- Better support for links within alert elements.
- Change log to summarise updates in a human readable format.
- Table headers now default to grey with additional colors available with class modifiers.
- Bootstrap panels now have card-like view, with no border and a subtle drop shadow.
- Improved and standardised documentation of patterns including descriptions, usage and options.
- Re-ordered the navigation in the docs.
- Header toggle buttons were stacked on small screens.
- Tiles had a height of 200px instead of 240px.
- Sidebars had an unnecessary margin-top.