diff --git a/CHANGELOG.md b/CHANGELOG.md index 8e412ddab..6797f2f33 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,19 +1,11 @@ # NHS.UK frontend Changelog -## 1.1.0 - TBC +## 1.1.0 - Mar 11, 2019 :boom: **Breaking changes** - Hero component - Refactored hero component to not overlap with the header when zooming in / increasing the font size massively. There have been minor HTML changes so please update your code if you are using this component.([PR 411](https://github.com/nhsuk/nhsuk-frontend/pull/411)), ([Issue 400](https://github.com/nhsuk/nhsuk-frontend/issues/400)) -:wrench: **Fixes** - -- Button component - A fix for the :focus state to display a 4px yellow border. ([Issue 406](https://github.com/nhsuk/nhsuk-frontend/issues/406)) - -- JavaScript variable scope - Globally scoped variables were causing issues with JavaScript frameworks such as Angular, so they have been moved to be locally scoped within functions. However, this could be improved as we have to duplicate variables between the multiple functions, so its likely this is a temporary fix before refactoring our JavaScript to be class based. ([PR 402](https://github.com/nhsuk/nhsuk-frontend/pull/402)), ([Issue 398](https://github.com/nhsuk/nhsuk-frontend/issues/398)). - - The JavaScript files will update automatically, when you update the nhsuk-frontend version and your application will work as normal. - :new: **New features** - Summary list component - Use the summary list to summarise information, for example, a user’s responses at the end of a form. @@ -22,6 +14,14 @@ ([Issue 384](https://github.com/nhsuk/nhsuk-frontend/issues/384)) +:wrench: **Fixes** + +- Button component - A fix for the :focus state to display a 4px yellow border. ([Issue 406](https://github.com/nhsuk/nhsuk-frontend/issues/406)) + +- JavaScript variable scope - Globally scoped variables were causing issues with JavaScript frameworks such as Angular, so they have been moved to be locally scoped within functions. However, this could be improved as we have to duplicate variables between the multiple functions, so its likely this is a temporary fix before refactoring our JavaScript to be class based. ([PR 402](https://github.com/nhsuk/nhsuk-frontend/pull/402)), ([Issue 398](https://github.com/nhsuk/nhsuk-frontend/issues/398)). + + The JavaScript files will update automatically, when you update the nhsuk-frontend version and your application will work as normal. + ## 1.0.1 - Feb 20, 2019 :wrench: **Fixes** diff --git a/packages/components/summary-list/_summary-list.scss b/packages/components/summary-list/_summary-list.scss index 5bfdc2132..0c5cce897 100644 --- a/packages/components/summary-list/_summary-list.scss +++ b/packages/components/summary-list/_summary-list.scss @@ -6,10 +6,10 @@ * Original code taken from GDS (Government Digital Service) * https://github.com/alphagov/govuk-frontend * - * 1. Reset default user agent styles - * 2. Automatic wrapping for unbreakable text (e.g. URLs) - * 3. .. WebKit/Blink only - * 4. .. Standards + * 1. Required to allow us to wrap words that overflow. + * 2. Reset default user agent styles + * 3. Automatic wrapping for unbreakable text (e.g. URLs) + * 4. Fallback for older browsers only * 5. In older browsers such as IE8, :last-child is not available, * so only show the border divider where it is available. */ @@ -19,10 +19,11 @@ @include mq($from: tablet) { display: table; + table-layout: fixed; /* [1] */ width: 100%; } - margin: 0; /* [1] */ + margin: 0; /* [2] */ @include nhsuk-responsive-margin(6, 'bottom'); } @@ -39,7 +40,7 @@ .nhsuk-summary-list__key, .nhsuk-summary-list__value, .nhsuk-summary-list__actions { - margin: 0; /* 1 */ + margin: 0; /* [2] */ @include mq($from: tablet) { border-bottom: 1px solid $nhsuk-border-color; @@ -56,15 +57,16 @@ @include mq($from: tablet) { padding-right: 0; text-align: right; + width: 20%; } } .nhsuk-summary-list__key, .nhsuk-summary-list__value { // sass-lint:disable no-duplicate-properties - /* 2 */ - word-break: break-word; /* 3 */ - word-break: break-all; /* 4 */ + /* [3] */ + overflow-wrap: break-word; + word-wrap: break-word; /* [4] */ } .nhsuk-summary-list__key { @@ -81,6 +83,9 @@ @include mq($until: tablet) { margin-bottom: nhsuk-spacing(3); } + @include mq($from: tablet) { + width: 50%; + } } .nhsuk-summary-list__value > p { @@ -92,8 +97,8 @@ } .nhsuk-summary-list__actions-list { - margin: 0; /* 1 */ - padding: 0; /* 1 */ + margin: 0; /* [2] */ + padding: 0; /* [2] */ width: 100%; } @@ -103,7 +108,7 @@ padding-right: nhsuk-spacing(2); } -/* 5 */ +/* [5] */ .nhsuk-summary-list__actions-list-item:not(:last-child) { border-right: 1px solid $nhsuk-border-color; } diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_0_document_2_iPad.png index 8e0a7eae1..c42754298 100644 Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_0_document_2_iPad.png differ diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_2_iPad.png index b32080f23..2db7c433e 100644 Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_2_iPad.png differ diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_3_Surface_iPad_Pro.png index cc4cd4a46..7479f3502 100644 Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_actions_0_document_3_Surface_iPad_Pro.png differ diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_2_iPad.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_2_iPad.png index 74aabefc0..791896b0c 100644 Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_2_iPad.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_2_iPad.png differ diff --git a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_3_Surface_iPad_Pro.png b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_3_Surface_iPad_Pro.png index adc74a685..b1e35c3dc 100644 Binary files a/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_3_Surface_iPad_Pro.png and b/tests/backstop/bitmaps_reference/nhsuk-frontend_Summary_list_without_border_0_document_3_Surface_iPad_Pro.png differ