diff --git a/assets/scss/03-organisms/_header-hamburger.scss b/assets/scss/03-organisms/_header-hamburger.scss index 317526f18c..4555544a46 100644 --- a/assets/scss/03-organisms/_header-hamburger.scss +++ b/assets/scss/03-organisms/_header-hamburger.scss @@ -266,6 +266,14 @@ body.show-menu { } } + &__main-nav { + + @media ($bp-header-toggle-min) { + + padding-bottom: 43px; + } + } + &__menu-button { background-color: $c-primary; text-align: left; diff --git a/changelogs/DP-19336.yml b/changelogs/DP-19336.yml new file mode 100644 index 0000000000..50fd31a8ce --- /dev/null +++ b/changelogs/DP-19336.yml @@ -0,0 +1,6 @@ +Changed: + - project: Patternlab + component: Header, Main Navigation + description: Fixes to address off-screen scroll behavior and console errors (#1128) + issue: DP-19336 + impact: Minor diff --git a/patternlab/backstopjs/reference/package-lock.json b/patternlab/backstopjs/reference/package-lock.json deleted file mode 100644 index 48e341a095..0000000000 --- a/patternlab/backstopjs/reference/package-lock.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "lockfileVersion": 1 -} diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_0_phone.png index a971ca5e2a..c3c598c4ee 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_1_tablet.png index cec9401c45..5fb31cc5ab 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_ERROR-403_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_0_phone.png index 3b8d4bcb92..4c181732ae 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_1_tablet.png index 04fba5d10f..d574c47489 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_ERROR-404_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_0_phone.png index f5ebea05cd..a8f29be25a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_1_tablet.png index ead5772c77..1c7f69d832 100644 Binary files a/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_ERROR-500_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_Homepage_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_Homepage_0_document_0_phone.png index 6ff256db02..a1c99a3118 100644 Binary files a/patternlab/backstopjs/reference/regression_page_Homepage_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_Homepage_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_Homepage_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_Homepage_0_document_1_tablet.png index 61c631b657..932c783cd5 100644 Binary files a/patternlab/backstopjs/reference/regression_page_Homepage_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_Homepage_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_binder-page-cover_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_binder-page-cover_0_document_1_tablet.png index e3b5bf4af8..edda800db1 100644 Binary files a/patternlab/backstopjs/reference/regression_page_binder-page-cover_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_binder-page-cover_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_binder-page-internal_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_binder-page-internal_0_document_1_tablet.png index 774a49b63f..36b8543215 100644 Binary files a/patternlab/backstopjs/reference/regression_page_binder-page-internal_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_binder-page-internal_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_bio-page_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_bio-page_0_document_1_tablet.png index 74f166bd42..5f3cc8ee72 100644 Binary files a/patternlab/backstopjs/reference/regression_page_bio-page_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_bio-page_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_board-decision_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_board-decision_0_document_0_phone.png index 7be4775d99..7b051f67b5 100644 Binary files a/patternlab/backstopjs/reference/regression_page_board-decision_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_board-decision_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_board-decision_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_board-decision_0_document_1_tablet.png index 4902d272c0..a6cf1d0c6a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_board-decision_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_board-decision_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_0_phone.png deleted file mode 100644 index bd4b73e5d1..0000000000 Binary files a/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_0_phone.png and /dev/null differ diff --git a/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_1_tablet.png deleted file mode 100644 index 57a0db2d17..0000000000 Binary files a/patternlab/backstopjs/reference/regression_page_contact-examples_0_document_1_tablet.png and /dev/null differ diff --git a/patternlab/backstopjs/reference/regression_page_contact-row-examples_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_contact-row-examples_0_document_1_tablet.png index 50b543259b..e4dd42d43e 100644 Binary files a/patternlab/backstopjs/reference/regression_page_contact-row-examples_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_contact-row-examples_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_0_phone.png index 33f4b3042d..7c6d0c12ec 100644 Binary files a/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_1_tablet.png index 380b41912a..c671cd2c2b 100644 Binary files a/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_detail-for-service-howto-location_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-end-date-with-time_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-end-date-with-time_0_document_1_tablet.png index 0d5860ba30..ffafcb6e9c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-end-date-with-time_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-end-date-with-time_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-end-date_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-end-date_0_document_1_tablet.png index 401364fcb9..31c7a50945 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-end-date_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-end-date_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-listing_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_event-listing_0_document_0_phone.png index 22344ac30e..b7de604f2f 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-listing_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_event-listing_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-listing_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-listing_0_document_1_tablet.png index de7804e0f7..937f1251ea 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-listing_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-listing_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-public-meeting-agenda_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-public-meeting-agenda_0_document_1_tablet.png index 0bc5a1a42b..6cbad9381a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-public-meeting-agenda_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-public-meeting-agenda_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-public-meeting-minutes_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-public-meeting-minutes_0_document_1_tablet.png index a637d33d82..7f4292d84d 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-public-meeting-minutes_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-public-meeting-minutes_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-public-meeting_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-public-meeting_0_document_1_tablet.png index 06bd1ceaf6..eea8a9118a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-public-meeting_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-public-meeting_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event-recurring_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event-recurring_0_document_1_tablet.png index 7d515b3928..d1b908cb93 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event-recurring_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event-recurring_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_event_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_event_0_document_1_tablet.png index e882ea82ae..4ee8c835dd 100644 Binary files a/patternlab/backstopjs/reference/regression_page_event_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_event_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_executive-order_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_executive-order_0_document_1_tablet.png index 8ea2100e6d..55dcd5ae85 100644 Binary files a/patternlab/backstopjs/reference/regression_page_executive-order_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_executive-order_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_0_phone.png index e0bf6cc03e..ab3c7bc8fb 100644 Binary files a/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_1_tablet.png index 8f1fae2c2a..7d033cf029 100644 Binary files a/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_form-page-example_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_guide-section-all-fields_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_guide-section-all-fields_0_document_1_tablet.png index a9d6c05892..c26f9a9d33 100644 Binary files a/patternlab/backstopjs/reference/regression_page_guide-section-all-fields_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_guide-section-all-fields_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_guide_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_guide_0_document_1_tablet.png index 4c344bcf08..fda57efc2f 100644 Binary files a/patternlab/backstopjs/reference/regression_page_guide_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_guide_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png index 15281997a6..5823c8cc9c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_howto_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png index c1d9dc3bb2..5b8e5051b7 100644 Binary files a/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_howto_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_0_phone.png index 76c9b78618..e8cdacf2d7 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_1_tablet.png index 986a9748bd..d506624a55 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large-1col_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_0_phone.png index 86bbdc1b3c..a7e0620a94 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_1_tablet.png index 98bf14fb6e..2589ffa8a1 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-large_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_0_phone.png index 62cdce9323..efaa1ce77c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_1_tablet.png index 9bae025c04..ae7560ba11 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium-1col_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_0_phone.png index 2ac7e3ad93..781df86ed8 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_1_tablet.png index 2f920cdc68..0c684bcd79 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-medium_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_0_phone.png index 76c9b78618..e8cdacf2d7 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_1_tablet.png index fffd722d4d..1eaa7508d9 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small-1col_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_0_phone.png index 9f3a5a0d44..a1728670ce 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_1_tablet.png index 2dc0fd15e5..3023d5b848 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-small_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_0_phone.png index 557f7c9dff..693fc7e45c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_1_tablet.png index 59e00ec0ed..cab2c116a9 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge-1col_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_0_phone.png index 325a59ebf1..3744d88336 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_1_tablet.png index 1ec2f343e3..459bf6b51a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-dataviz-xlarge_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_0_phone.png index bce343093f..60e6e56888 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_1_tablet.png index b4a8e5ab5c..e2c84f3db2 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-preContent-media_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_0_phone.png index 1ea0d90aa8..69bc72c3c4 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png index 7eb9ca993c..0b493ad619 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-responsive-table_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_0_phone.png index 261b4fe989..c41e54d4f5 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_1_tablet.png index 6011391ec7..e0ebfce647 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-table-of-contents_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_0_phone.png index 056953bb11..c42fd7aee2 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_1_tablet.png index 6167446a48..2c546332fc 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details-toc-and-responsive-tables_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_information-details_0_document_0_phone.png index 909a9c9ce7..84eeea4f96 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_information-details_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_information-details_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_information-details_0_document_1_tablet.png index c77492a96c..e04b28526c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_information-details_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_information-details_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_listing-links_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_listing-links_0_document_0_phone.png index 50043fac57..c2ab451b7b 100644 Binary files a/patternlab/backstopjs/reference/regression_page_listing-links_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_listing-links_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_listing-links_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_listing-links_0_document_1_tablet.png index 8f0dfffc99..c76f7860a1 100644 Binary files a/patternlab/backstopjs/reference/regression_page_listing-links_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_listing-links_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_0_phone.png index 6c1900f4b8..791c2f53e9 100644 Binary files a/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_1_tablet.png index fe84402e63..018b55d155 100644 Binary files a/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_location-general-content_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_location-listing_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_location-listing_0_document_1_tablet.png index f4556f4172..b6a0f375a3 100644 Binary files a/patternlab/backstopjs/reference/regression_page_location-listing_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_location-listing_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_location-park-content_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_location-park-content_0_document_1_tablet.png index ec8685ceee..c8adee52d3 100644 Binary files a/patternlab/backstopjs/reference/regression_page_location-park-content_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_location-park-content_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_0_phone.png index 79b3bb809d..5a95af26b6 100644 Binary files a/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_1_tablet.png index b5a496f453..70721ffb17 100644 Binary files a/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_marketing-campaign-as-solid_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_0_phone.png index b0c4baf99c..9a6668cb14 100644 Binary files a/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_1_tablet.png index 2a20d98383..db04154bdb 100644 Binary files a/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_marketing-campaign_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png index 8edab3d17c..1d8c7ade30 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png index e90a49cafc..875954e28c 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_organization-boards_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_0_phone.png index d17150ca9d..9e3402ff4a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_1_tablet.png index 729a9d5281..812532009b 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_organization-detail_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization-elected-official_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_organization-elected-official_0_document_1_tablet.png index e2032e36bc..ba46e1b00f 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization-elected-official_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_organization-elected-official_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_organization_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_organization_0_document_1_tablet.png index f0d29bb92f..cab308d0ef 100644 Binary files a/patternlab/backstopjs/reference/regression_page_organization_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_organization_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_page-alert_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_page-alert_0_document_1_tablet.png index 67ed04e08a..571cbd38cb 100644 Binary files a/patternlab/backstopjs/reference/regression_page_page-alert_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_page-alert_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_people-listing_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_people-listing_0_document_1_tablet.png index 5f55f1f100..8224d2b2d1 100644 Binary files a/patternlab/backstopjs/reference/regression_page_people-listing_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_people-listing_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_0_phone.png index 33b9a8182a..4cc1fc8d4e 100644 Binary files a/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_1_tablet.png index 0a8e8f318a..73b74d953e 100644 Binary files a/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_policy-advisory-directive_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-listing_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_press-listing_0_document_0_phone.png index 681a97b3df..3e9b756009 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-listing_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_press-listing_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-listing_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_press-listing_0_document_1_tablet.png index 4b5795a632..19751f0885 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-listing_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_press-listing_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-release-with-image_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_press-release-with-image_0_document_1_tablet.png index b26991dcfb..e45aad50c7 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-release-with-image_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_press-release-with-image_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_0_phone.png index b3fedb620a..51cfe890f4 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_1_tablet.png index 975c9ec5ed..e98355e981 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_press-release-with-video_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_press-release_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_press-release_0_document_1_tablet.png index 29354b56d4..74d6fd3545 100644 Binary files a/patternlab/backstopjs/reference/regression_page_press-release_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_press-release_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_regulation_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_regulation_0_document_0_phone.png index ae567088ec..03ea45f4cc 100644 Binary files a/patternlab/backstopjs/reference/regression_page_regulation_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_regulation_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_regulation_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_regulation_0_document_1_tablet.png index 3add6b64bd..edc8c6241e 100644 Binary files a/patternlab/backstopjs/reference/regression_page_regulation_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_regulation_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_0_phone.png index 1c85f20401..67625d9078 100644 Binary files a/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_1_tablet.png index d62ccfd087..f2cb2abe97 100644 Binary files a/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_rules-of-court_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_section-landing_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_section-landing_0_document_1_tablet.png index d4f4688e10..7c1c083a1f 100644 Binary files a/patternlab/backstopjs/reference/regression_page_section-landing_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_section-landing_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_0_phone.png index 558c7f02b0..d120bf99cc 100644 Binary files a/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_1_tablet.png index d1ae7cacde..284b43f602 100644 Binary files a/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_service-flexible-link-groups_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_service_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_service_0_document_0_phone.png index 7d0822e66d..5edf9333a0 100644 Binary files a/patternlab/backstopjs/reference/regression_page_service_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_service_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_service_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_service_0_document_1_tablet.png index 58e9d0dbf8..46bf4ff930 100644 Binary files a/patternlab/backstopjs/reference/regression_page_service_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_service_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_site-alert_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_site-alert_0_document_1_tablet.png index 7ac62c45e1..ad065b091a 100644 Binary files a/patternlab/backstopjs/reference/regression_page_site-alert_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_site-alert_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_topic-your-government_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_topic-your-government_0_document_1_tablet.png index 96a4497be5..026fa0d7d8 100644 Binary files a/patternlab/backstopjs/reference/regression_page_topic-your-government_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_topic-your-government_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_topic_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_topic_0_document_1_tablet.png index c90c40f8e3..cf78524ca3 100644 Binary files a/patternlab/backstopjs/reference/regression_page_topic_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_topic_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_transition_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_transition_0_document_0_phone.png index 3c7fb25651..be22443b55 100644 Binary files a/patternlab/backstopjs/reference/regression_page_transition_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_transition_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_transition_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_transition_0_document_1_tablet.png index 130de245d5..fd5b82a6e9 100644 Binary files a/patternlab/backstopjs/reference/regression_page_transition_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_transition_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_0_phone.png index a506d5b8c9..f568b59ee9 100644 Binary files a/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_1_tablet.png index 6a30248c72..bdbc3b54cb 100644 Binary files a/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_page_video-transcript_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-alert_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-alert_0_document_1_tablet.png index 90ffdbc243..7faacfcdfb 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-alert_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-alert_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_0_phone.png index 89adc13517..906a310fe3 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_1_tablet.png index dbb5e48f0c..36ef244a1e 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-court-rules_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-details_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-details_0_document_0_phone.png index 18dca37cc7..82c7361ca0 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-details_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-details_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-information-details_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-information-details_0_document_1_tablet.png index f77a70f50c..fcba8905c4 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-information-details_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-information-details_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-location_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-location_0_document_0_phone.png index 84857cf47a..f671cdf0d6 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-location_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-location_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-marketing-campaign_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-marketing-campaign_0_document_0_phone.png index 719feebd07..ce7c1ca64f 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-marketing-campaign_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-marketing-campaign_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-organization-detail_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-organization-detail_0_document_1_tablet.png index 2ace1d559a..fbf7c93d7f 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-organization-detail_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-organization-detail_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_0_phone.png index f4153d5e8a..0a49ea1cd1 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_1_tablet.png index 76c14ea8b0..ae6fe4d864 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-policy-advisory_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_0_phone.png index ea361fb703..639e35656d 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_1_tablet.png index 473595107a..8d89f67663 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-press_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_0_phone.png index aebc3587f8..8f74dad0d0 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_1_tablet.png index 04c244b818..d2f4e29214 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-services-flexible-link-groups_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_0_phone.png index 01a3ef1e5a..f3f24fd621 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_1_tablet.png index fe577bb3ef..b0ed3d4e3d 100644 Binary files a/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_01-content-types-services_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_0_phone.png index b87bf0791b..a2e23e331a 100644 Binary files a/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_1_tablet.png index c212356021..e971c444f7 100644 Binary files a/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_narrow-template-green_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_0_phone.png index 4a8e1046ac..10a9117018 100644 Binary files a/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_1_tablet.png index 45e858b1be..a25533e5db 100644 Binary files a/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_narrow-template_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_single-column_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_single-column_0_document_0_phone.png index 7eab07fa54..293d77189a 100644 Binary files a/patternlab/backstopjs/reference/regression_template_single-column_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_single-column_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_0_phone.png index bbfaa657bb..0d76b79486 100644 Binary files a/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_1_tablet.png index 7cd4698d29..5669acadd0 100644 Binary files a/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_stacked-row-template_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_0_phone.png index 39e5f55721..da5c7d8a0c 100644 Binary files a/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_1_tablet.png b/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_1_tablet.png index ad76e58500..4f3ddfbd9e 100644 Binary files a/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_1_tablet.png and b/patternlab/backstopjs/reference/regression_template_stacked-rows-with-external-sidebar-template_0_document_1_tablet.png differ diff --git a/patternlab/backstopjs/reference/regression_template_two-column-reversed_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_two-column-reversed_0_document_0_phone.png index a0dd4fb6ff..957bd07e51 100644 Binary files a/patternlab/backstopjs/reference/regression_template_two-column-reversed_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_two-column-reversed_0_document_0_phone.png differ diff --git a/patternlab/backstopjs/reference/regression_template_two-column_0_document_0_phone.png b/patternlab/backstopjs/reference/regression_template_two-column_0_document_0_phone.png index 45915b22ae..e983564381 100644 Binary files a/patternlab/backstopjs/reference/regression_template_two-column_0_document_0_phone.png and b/patternlab/backstopjs/reference/regression_template_two-column_0_document_0_phone.png differ diff --git a/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js b/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js index 7663ef15f6..18c6c934a5 100644 --- a/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js +++ b/patternlab/styleguide/source/assets/js/modules/mainNavHamburger.js @@ -2,7 +2,6 @@ const body = document.querySelector("body"); let width = body.clientWidth; const menuButton = document.querySelector(".js-header-menu-button"); let menuButtonText = document.querySelector(".js-header__menu-text"); -let buttonLabel; const hamburgerMenuContainer = document.querySelector(".ma__header__hamburger__nav-container"); const feedbackButton = document.querySelector(".ma__fixed-feedback-button"); let menuItems = document.querySelectorAll(".js-main-nav-hamburger-toggle"); @@ -10,35 +9,104 @@ const menuOverlay = document.querySelector(".menu-overlay"); let utilNavWide = document.querySelector(".js-utility-nav--wide"); const jumpToSearchButton = document.querySelector(".js-header-search-access-button"); -if (null !== menuButtonText) { - buttonLabel = menuButtonText.textContent; +// Check whether the wide utility nav is open. +const utilNavWideCheck = function() { + return utilNavWide.offsetWidth > 0 && utilNavWide.offsetHeight > 0; } +/** DP-19336 begin: add padding to hamburger menu to allow scrolling when alerts are loaded */ +const hamburgerMainNav = document.querySelector('.ma__header__hamburger__main-nav'); +let emergencyAlerts = document.querySelector('.ma__emergency-alerts__content'); +let hamburgerMenuAlertScrolling = function() { + if (hamburgerMainNav !== null && emergencyAlerts !== null && utilNavWideCheck() !== false) { + let alertHeight = document.querySelector('.ma__emergency-alerts').clientHeight || 0; + let hamburgerMenuTop = document.querySelector('.ma__header__hamburger__nav-container').offsetTop || 0; + + // Add bottom padding when function is initially called. + hamburgerMainNav.style.paddingBottom = alertHeight + hamburgerMenuTop + 'px'; + + // Add bottom padding when alert style changes occur. + const alertObserver = new MutationObserver(function(mutations) { + mutations.forEach(function(mutationRecord) { + if (mutationRecord.oldValue !== null && utilNavWideCheck() !== false) { + let result = {}; + let attributes = mutationRecord.oldValue.split(';'); + for (let i = 0; i < attributes.length; i++) { + let entry = attributes[i].split(':'); + result[entry.splice(0,1)[0]] = entry.join(':'); + } + + let oldDisplayValue = result.display.trim(); + let currentDisplayValue = document.querySelector('.ma__emergency-alerts__content').style.display; + if (currentDisplayValue === oldDisplayValue) { + alertHeight = document.querySelector('.ma__emergency-alerts').clientHeight; + hamburgerMainNav.style.paddingBottom = alertHeight + hamburgerMenuTop + 'px'; + } + } + }); + }); + alertObserver.observe(emergencyAlerts, { + attributes : true, + attributeFilter: ["style"], + attributeOldValue: true + }); + } +} + +// Not ideal, but this is here to wait for alerts to load via AJAX. +const maAjaxPattern = document.querySelectorAll('.ma__ajax-pattern'); +let siteAlertWrapper = null; +if (maAjaxPattern !== null) { + maAjaxPattern.forEach(function(value, key) { + if (value.dataset.maAjaxRenderPattern === '@organisms/by-template/emergency-alerts.twig') { + siteAlertWrapper = value; + } + }); +} + +if (siteAlertWrapper !== null) { + const jsonApiObserver = new MutationObserver(function(mutations, observer) { + emergencyAlerts = document.querySelector('.ma__emergency-alerts__content'); + if (emergencyAlerts !== null) { + observer.disconnect(); + } + hamburgerMenuAlertScrolling(); + }); + jsonApiObserver.observe(siteAlertWrapper, { + childList: true + }); +} +else { + hamburgerMenuAlertScrolling(); +} +/** DP-19336 end */ + // Open and close the menu -menuButton.addEventListener("click", function (event) { - event.preventDefault(); +if (menuButton !== null) { + menuButton.addEventListener("click", function (event) { + event.preventDefault(); - // This control the visibility of the dropdown to keyboard and screen reader users while maintaining the show/hide animation effect. - hamburgerMenuContainer.toggleAttribute("aria-hidden"); + // This control the visibility of the dropdown to keyboard and screen reader users while maintaining the show/hide animation effect. + hamburgerMenuContainer.toggleAttribute("aria-hidden"); - if (body.classList.contains("show-menu")) { - closeMenu(); - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .goog-te-menu-value").removeAttribute("tabindex"); - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .direct-link").removeAttribute("tabindex"); - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .js-util-nav-toggle").removeAttribute("tabindex"); + if (body.classList.contains("show-menu")) { + closeMenu(); + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .goog-te-menu-value").removeAttribute("tabindex"); + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .direct-link").removeAttribute("tabindex"); + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .js-util-nav-toggle").removeAttribute("tabindex"); - setTimeout(function timeoutFunction() { - document.querySelector(".js-header-menu-button").focus(); - }, 100); - } else { - openMenu(); - - // Set these elements unfocusable to enable to set focus on the first focusable element in hamburger menu with next tabbing as the menu opens. - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .goog-te-menu-value").setAttribute("tabindex", "-1"); - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .direct-link").setAttribute("tabindex", "-1"); - document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .js-util-nav-toggle").setAttribute("tabindex", "-1"); - } -}); + setTimeout(function timeoutFunction() { + document.querySelector(".js-header-menu-button").focus(); + }, 100); + } else { + openMenu(); + + // Set these elements unfocusable to enable to set focus on the first focusable element in hamburger menu with next tabbing as the menu opens. + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .goog-te-menu-value").setAttribute("tabindex", "-1"); + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .direct-link").setAttribute("tabindex", "-1"); + document.querySelector(".js-utility-nav--wide .ma__utility-nav__item .js-util-nav-toggle").setAttribute("tabindex", "-1"); + } + }); // =============== exisiting code below // menuButton.addEventListener("keydown", function (e) { @@ -71,7 +139,8 @@ menuButton.addEventListener("click", function (event) { // if (e.code == "Escape" || e.which == "27") { // closeMenu(); // } -// }); + // }); +} [].forEach.call(menuItems, function (item) { @@ -218,22 +287,24 @@ menuButton.addEventListener("click", function (event) { }); }); -jumpToSearchButton.addEventListener("click", function(e) { - // This control the visibility of the dropdown to keyboard and screen reader users while maintaining the show/hide animation effect. - hamburgerMenuContainer.toggleAttribute("aria-hidden"); - - if (body.classList.contains("show-menu")) { - closeMenuJumpToSearch(); - // Set focus back on the jumpToSearchButton button since the input gets hidden by closing the menu. - jumpToSearchButton.focus(); - } else { - openMenuJumpToSearch(); - // Set focus on the search input field. - setTimeout(function timeoutFunction() { - document.getElementById("nav-search").focus(); - }, 90); - } -}); +if (jumpToSearchButton !== null) { + jumpToSearchButton.addEventListener("click", function(e) { + // This control the visibility of the dropdown to keyboard and screen reader users while maintaining the show/hide animation effect. + hamburgerMenuContainer.toggleAttribute("aria-hidden"); + + if (body.classList.contains("show-menu")) { + closeMenuJumpToSearch(); + // Set focus back on the jumpToSearchButton button since the input gets hidden by closing the menu. + jumpToSearchButton.focus(); + } else { + openMenuJumpToSearch(); + // Set focus on the search input field. + setTimeout(function timeoutFunction() { + document.getElementById("nav-search").focus(); + }, 90); + } + }); +} function closeMenu() { commonCloseMenuTasks(); @@ -321,13 +392,13 @@ function closeSubMenus(item) { } // Close menu when utility nav is clicked -if (null !== utilNavWide) { - closeMenu(); +if (utilNavWide !== null) { + closeMenu(); } // Close and reset menu on overlay click -if (null !== menuOverlay) { +if (menuOverlay !== null) { menuOverlay.addEventListener("click", function () { closeMenu(); }); @@ -338,6 +409,9 @@ window.onresize = function () { clearTimeout(debouncer); debouncer = setTimeout(function () { width = body.clientWidth; + if (utilNavWideCheck() !== false) { + hamburgerMenuAlertScrolling(); + } }, 100); }; @@ -345,40 +419,43 @@ window.onresize = function () { // ** Utility nav // Wide/utility nav bar -const utilWideButton = utilNavWide.querySelector(".js-util-nav-toggle"); -const utilWideCloseButton = utilNavWide.querySelector(".js-close-util-nav"); -const utilWideContent = utilNavWide.querySelector(".js-util-nav-content"); - -// Open -utilWideButton.addEventListener("click", function (e) { - - const thisWideButton = e.target.closest(".js-util-nav-toggle"); - const thisWideContent = thisWideButton.nextElementSibling; - - if (thisWideContent.classList.contains("is-closed")) {// To open - thisWideButton.closest(".ma__header__hamburger__nav").classList.add("util-nav-content-open"); - - thisWideContent.classList.remove("is-closed"); - thisWideContent.removeAttribute("aria-hidden"); - thisWideContent.removeAttribute("style"); - thisWideContent.style.height = "auto"; - thisWideContent.style.opacity = "1"; - - // Button State - thisWideButton.setAttribute("aria-expanded", "true"); - thisWideButton.setAttribute("aria-pressed", "true"); - } +const utilWideButton = document.querySelector(".js-utility-nav--wide .js-util-nav-toggle"); +const utilWideCloseButton = document.querySelector(".js-utility-nav--wide .js-close-util-nav"); +const utilWideContent = document.querySelector(".js-utility-nav--wide .js-util-nav-content"); +if (utilWideButton !== null && utilWideCloseButton !== null && utilWideContent !== null) { + // Open + utilWideButton.addEventListener("click", function (e) { + + const thisWideButton = e.target.closest(".js-util-nav-toggle"); + const thisWideContent = thisWideButton.nextElementSibling; + + if (thisWideContent.classList.contains("is-closed")) {// To open + thisWideButton.closest(".ma__header__hamburger__nav").classList.add("util-nav-content-open"); + + thisWideContent.classList.remove("is-closed"); + thisWideContent.removeAttribute("aria-hidden"); + thisWideContent.removeAttribute("style"); + thisWideContent.style.height = "auto"; + thisWideContent.style.opacity = "1"; + + // Button State + thisWideButton.setAttribute("aria-expanded", "true"); + thisWideButton.setAttribute("aria-pressed", "true"); + } - setTimeout(function() { - thisWideButton.setAttribute("aria-expanded", "true"); - thisWideButton.setAttribute("aria-pressed", "true"); - }, 200); -}); + setTimeout(function () { + thisWideButton.setAttribute("aria-expanded", "true"); + thisWideButton.setAttribute("aria-pressed", "true"); + }, 200); + }); +} // Close - Utility nav dropdown on the utility nav bar overwaps the button to open it once it's open. To close the dropdown, use the close button within the dropdown container. This is the control for that inside button. -utilWideCloseButton.addEventListener("click", function (e) { - closeUtilWideContent(); -}); +if (utilWideCloseButton !== null) { + utilWideCloseButton.addEventListener("click", function (e) { + closeUtilWideContent(); + }); +} function closeUtilWideContent() { // Content state @@ -401,68 +478,73 @@ function closeUtilWideContent() { const utilNarrowButton = document.querySelector(".ma__header__hamburger__utility-nav--narrow button.js-util-nav-toggle"); let utilNarrowContent = utilNarrowButton.nextElementSibling; let utilNarrowContainer = utilNarrowContent.querySelector(".ma__utility-nav__container"); +if (utilNarrowButton !== null) { + utilNarrowContent = utilNarrowButton.nextElementSibling; -utilNarrowContent.style.maxHeight = "0"; -utilNarrowContainer.style.opacity = "0"; + utilNarrowContent.style.maxHeight = "0"; + utilNarrowContainer.style.opacity = "0"; -utilNarrowButton.addEventListener("click", function(e) { + utilNarrowButton.addEventListener("click", function (e) { - const thisButton = e.target.closest(".js-util-nav-toggle"); - const thisNavContainer = e.target.closest(".ma__utility-nav__item"); - utilNarrowContent = thisButton.nextElementSibling; + const thisButton = e.target.closest(".js-util-nav-toggle"); + const thisNavContainer = e.target.closest(".ma__utility-nav__item"); + utilNarrowContent = thisButton.nextElementSibling; - if (utilNarrowContent.classList.contains("is-closed")) { - // TO OPEN + if (utilNarrowContent.classList.contains("is-closed")) { + // TO OPEN - closeSubMenu(); + closeSubMenu(); - thisButton.setAttribute("aria-expanded", "true"); - thisNavContainer.style.pointerEvents = "none"; - /** Slide down. */ - setTimeout(function timeoutFunction() { - thisNavContainer.removeAttribute("style"); - }, 700); + thisButton.setAttribute("aria-expanded", "true"); + thisNavContainer.style.pointerEvents = "none"; + /** Slide down. */ + setTimeout(function timeoutFunction() { + thisNavContainer.removeAttribute("style"); + }, 700); - /** Show the content. */ - utilNarrowContent.classList.remove("is-closed"); - utilNarrowContent.style.maxHeight = "auto"; + /** Show the content. */ + utilNarrowContent.classList.remove("is-closed"); + utilNarrowContent.style.maxHeight = "auto"; - /** Get the computed height of the content. */ - var contentHeight = utilNarrowContent.querySelector(".ma__utility-nav__content-body").clientHeight + "px"; + /** Get the computed height of the content. */ + var contentHeight = utilNarrowContent.querySelector(".ma__utility-nav__content-body").clientHeight + "px"; - /** Set the height of the submenu as 0px, */ - /** so we can trigger the slide down animation. */ - utilNarrowContent.style.maxHeight = "0"; - utilNarrowContent.style.Height = "0"; + /** Set the height of the submenu as 0px, */ + /** so we can trigger the slide down animation. */ + utilNarrowContent.style.maxHeight = "0"; + utilNarrowContent.style.Height = "0"; - // These height settings display the bottom border of the parent li at the correct spot. - utilNarrowContent.style.height = contentHeight; - utilNarrowContainer.style.height = contentHeight; + // These height settings display the bottom border of the parent li at the correct spot. + utilNarrowContent.style.height = contentHeight; + utilNarrowContainer.style.height = contentHeight; - setTimeout(function timeoutFunction() { - utilNarrowContent.style.maxHeight = contentHeight; - utilNarrowContainer.style.opacity = "1"; - }, 50); - } else { - closeNarrowUtilContent(); - } -}); + setTimeout(function timeoutFunction() { + utilNarrowContent.style.maxHeight = contentHeight; + utilNarrowContainer.style.opacity = "1"; + }, 50); + } else { + closeNarrowUtilContent(); + } + }); +} function closeNarrowUtilContent() { - const thisNavContainer = utilNarrowButton.closest(".ma__utility-nav__item"); + if (utilNarrowContent) { + const thisNavContainer = utilNarrowButton.closest(".ma__utility-nav__item"); - utilNarrowButton.setAttribute("aria-expanded", "false"); - thisNavContainer.style.pointerEvents = "none"; + utilNarrowButton.setAttribute("aria-expanded", "false"); + thisNavContainer.style.pointerEvents = "none"; - setTimeout(function timeoutFunction() { - thisNavContainer.removeAttribute("style"); - }, 700); + setTimeout(function timeoutFunction() { + thisNavContainer.removeAttribute("style"); + }, 700); - utilNarrowContent.style.maxHeight = "0"; - utilNarrowContainer.style.opacity = "0"; - setTimeout(function timeoutFunction() { - utilNarrowContent.classList.add("is-closed"); - }, 500); + utilNarrowContent.style.maxHeight = "0"; + utilNarrowContainer.style.opacity = "0"; + setTimeout(function timeoutFunction() { + utilNarrowContent.classList.add("is-closed"); + }, 500); + } } function closeSubMenu() { diff --git a/patternlab/styleguide/source/assets/js/modules/mobileNav.js b/patternlab/styleguide/source/assets/js/modules/mobileNav.js index 9a584c3ae0..d7fe9b73fd 100644 --- a/patternlab/styleguide/source/assets/js/modules/mobileNav.js +++ b/patternlab/styleguide/source/assets/js/modules/mobileNav.js @@ -3,7 +3,7 @@ let menuButton = document.querySelector(".js-header-menu-button"); let feedbackButton = document.querySelector(".ma__fixed-feedback-button"); const jumpToSearchButton = document.querySelector(".js-header-search-access-button"); -if (null !== menuButton) { +if (menuButton !== null) { menuButton.addEventListener("click", function (event) { event.preventDefault(); @@ -14,9 +14,11 @@ if (null !== menuButton) { // // ****** Access to Search button on mobile should hide feedback button when menu opens ****** -jumpToSearchButton.addEventListener("click", function (event) { - toggleFeedbackButton(); -}); +if (jumpToSearchButton !== null) { + jumpToSearchButton.addEventListener("click", function (event) { + toggleFeedbackButton(); + }); +} function toggleFeedbackButton() { if (feedbackButton) {