Skip to content

Commit

Permalink
Release/9.56.0 (#1221)
Browse files Browse the repository at this point in the history
* DP-17200 Add horizontal nav code into global nav branch so it can be used on home page (#1094)

* Merging Hamburger nav functionality

* Fixing hamburger menu search icon position

* Adding MD files to describe the templates

* Updating reference screenshots

* Adding header mixed template

* Adding header mixed template, adding covid 19 sample url

* Stylelint fixes

* Adding covid link to hamburger template

* Adding new homepage template with mixed header

* Adding changelog

* Remove unused code from header mixed template

* Google translate menu tiem reverted back

* Google translate menu item reverted back for hamburger header

* Adding missing styles

* Fixing linting issues

* Fixing styles for fixed header

* Fixed position nav fix

* Fixing hamburger menu open nav position

* Fixing hamburger menu open nav position on desktop

* DP-19335 Menu button fixes (#1116)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* update menu button label in screen size smaller than 620px

* set the menu button to line up with the state seal on the left regardless of the screen width.

* add changelog for Dp-19335

* fix lint error

* Updating reference screenshots

* remove deplicated line

* clean up comments

* DP-17154 header change with new global nav (#1099)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* fix lint error

* Updating reference screenshots

* clean up comments

* remove unused variable

* remove backstop reference

* copy screenshots from DP-17200

* add missing reference for backstop

* add missing reference for backstop 2

* adjust the header bar padding to meet DP-17200

* DP-19330 Expand the menu button width with "close" label  (#1119)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* update menu button label in screen size smaller than 620px

* set the menu button to line up with the state seal on the left regardless of the screen width.

* add changelog for Dp-19335

* expand close button width on the blue bar

* add changelog for DP-19330

* fix lint error

* Update DP-19330.yml

* Updating reference screenshots

* clean up comments

* DP-19331 Set the nav bar height consistent in any screen sizes (#1115)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* set the utlity nav bar height consistent regardless screensize

* remove test style

* add changelog for DP-19331

* lint error fix

* Updating reference screenshots

* clean up comments

* fix lint error

* fix for backstop error

* Fix indentation.

* DP-19332 The nav bar positioning (#1118)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* set the nav bar below the site wide alert

* set the nav bar position below the site wide alert

* add changelog for DP-19332

* fix lint error

* Updating reference screenshots

* clean up comments

* add a new line to the end of the file

* add site wide alert to hamburger home page sample

* set the site wide alert above the blue bar.

* clean up comments

* fix backstop errors

* Updating reference screenshots

* Patternlab/DP-19336 offscreen menu fixes (#1128)

* Several JS error fixes - DP-19336

* Fixed additional JS errors in hamburger menu - DP-19336

* Removed closeSubMenu behavior - DP-19336

* Added changelog - DP-19336

* Updated references - DP-19336

* Revert "Removed closeSubMenu behavior - DP-19336"

This reverts commit d138bbe.

* Revert "Revert "Removed closeSubMenu behavior - DP-19336""

This reverts commit ebbdb13.

* potential fix for hamburger menu height - DP-19336

* switched observer height - DP-19336

* added both dom loaded and observed height - DP-19336

* Added observer and window load events to add padding to menu when alerts available - DP-19336

* Added styles for when emergency alert not present - DP-19336

* Revert "Revert "Revert "Removed closeSubMenu behavior - DP-19336"""

This reverts commit 7a6c5e8.

* Adjust syntax for JS fixes - DP-19336

* Fixed stylelint errors - DP-19336

* Accounting for AJAX load of alerts - DP-19336

* Updated mobileNav check - DP-19336

* Fixed issues caused by fresh merge - DP-19336

* Updated comment - DP-19336

* Some additional cleanup for mobile devices - DP-19336

* Fixed search button check - DP-19336

* Add padding only for wider breakpoints - DP-19336

* Fixed stylelint issue - DP-19336

* Removed buttonLabel - DP-19336

* Added additional value checks in other hamburger code - DP-19336

* DP-19354 Search button behavior (#1120)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* change behavior of search button when menu is open

* replace functions with arrow function expressions

* add changelog for Dp-19354

* fix lint error

* Updating reference screenshots

* clean up comments

* add autofocus attribute to searchbox in hamburger menu

* change search input type from 'text' to 'search'

* add inputype to search input

* fix menu display with ios11

* ios focus fix test edit

* ios issue test edit 2

* fix ios keyboard display issue

* Added back checks - DP-19354

* disable ios default styles for the search input to ensure Mayflower style

* remove test comment

Co-authored-by: Tom Fleming <[email protected]>

* DP-19337 Open/close behaviors in the hamburger menu (#1131)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* add bottom border to 'log in to...' content box

* remove unnecessary line

* test edit

* animation fix with util nav content

* separate utility nav in hamburger nav from utilNav.js

* remove unnecessary lines for open/close util. content function copied from open/close sub menu function

* add closeSubmenu at opening util content

* modify susubmenu closing animation at opening util. nav content

* add a condition to che ck if any open submenu to closeSubmenu()

* test edit

* slow down closing submenu speed

* clean up comments

* add changelog for DP-19337

* fix lint error

* Resolve conflict.

* put back nav bar padding change in DP-19335

* clean up comments

* menu botton positioning

* fix format

* fix menu button label which is not working in patternlab/DP-17200-add-horizontal-nav-code-branch

* expand close button to fill the blue bar

* fix lint error

* fix lint error

* slow the log-in-to content open/close animation

* clean up comments

* fix typo

* fix lint errors

* fix rendering issues causing backstop errors

Co-authored-by: Tom Fleming <[email protected]>

* DP-17155 hamburger nav keyboard navigation (#1141)

* test edit

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* fix the dropdown visibility to keybord and screen readers maintaiing the show/hide animation effect.

* comment out the condition causing the keyboard trap issue with the menu button

* correct aria-hidden placement for the dropdown

* add jumpToSearch functioin

* disable mainNavMixed.js to avoid override mainNavHamburger.js

* menu button label  edit

* add chevron to direct link in main nav top level

* correct aria-hidden for + icon container

* clean up menu button label variables

* adjust icons for link and button in hamburger menu

* separate hamburger utility nav style from utility-nav.scss

* match utility nav in hamburger menu to main nav style

* add open/close behavior to util nav in hamburger menu

* separate hamburger nav utlity nav style separate from utility-nav.scss

* reverting merge conflict fix 1

* reverting merge conflict fix 2

* fix search access icon in page view

* fix lint errors

* lint error fix

* fix the hidden utility content height

* correct target container for utility content

* adjust vertical positioning of the menu button text

* move back original styles belong to utility_nav.scss

* correct class in utility item

* set up open/close behaviors for wide/util nav bar 'log in to'

* set up open/close behaviors for narrow/hamburger menu 'log in to

* fix conflict between 'log in to' buttons

* uncomment test style

* set focus between menu button, hamburger menu container, jump to search button and search input

* test edit

* fix syntax error

* merge hamburger and mix template and scss to minimize duplicate.

* clean up duplicate

* merge mainNavMixed.js to mainNavHamburger.js

* fix width for log in to content

* fix lint errors

* lint error fix

* fix positioning of the hamburger menu container

* smooth open/close behavior of log in to content in wide version

* adjust open/close behavior of log in to content in wide version

* remove invalid attribute

* remove duplicate markup

* style log in to content in hamburger nav

* fix error

* fix errors

* fix error

* test edit

* fix some lint errors in the existing code

* remove test style

* resolve conflicts between utilNav.js and mainNavHamburger.js

* remove duplicate markup

* fix conflicts between 2 utlity content displays

* set container size for utility container in hamburger menu on load

* hide utility nav content when sub menu in main nav is open

* remove unnecessary aria-label from hamburger main nav

* hide hamburger menu at resizing window in mix
over 841

* Hide hamburger menu when window size is resized to over 840 while hamburger menu is open.

* adjustment for Drupal output

* test edit

* add changelog for DP-17154

* remove box-shadow from utility nav item in hamburger menu

* setting up to close sub mneu as opening the utility nav content

* set up focus on the search box in the hamburger menu by clicking the search icon on the utility nav bar

* clean up unnecessary tabindex and aria-label

* fix typo

* setting up closure with esc key

* adjust focsus issue as menu open/close

* fix tabindex at closing menu button

* add bottom border to 'log in to...' content box

* remove unnecessary line

* test edit

* animation fix with util nav content

* separate utility nav in hamburger nav from utilNav.js

* remove unnecessary lines for open/close util. content function copied from open/close sub menu function

* add closeSubmenu at opening util content

* modify susubmenu closing animation at opening util. nav content

* add a condition to che ck if any open submenu to closeSubmenu()

* test edit

* slow down closing submenu speed

* clean up comments

* add changelog for DP-19337

* fix lint error

* Resolve conflict.

* put back nav bar padding change in DP-19335

* clean up comments

* menu botton positioning

* fix format

* fix menu button label which is not working in patternlab/DP-17200-add-horizontal-nav-code-branch

* expand close button to fill the blue bar

* fix lint error

* fix lint error

* slow the log-in-to content open/close animation

* set focus on the hamburger menu from the first focusable item in the menu container with shift-tab.

* keyboard navigation setting focus test edit

* circle back focus to the first top menu button from the last focusable element in the menu

* add condition to check button or link on top menu

* fix conflicts with null last submenu link

* set up escape + focus behaviors

* additional patterns for escape behavior

* add changelog for DP-17155

* add changelog the PR number

* cleanup after resolving merge conflicts

* remove menu label text from span.ma__header__hamburger__menu-text in header-mixed.twig

* merge conflict clean up 2

* merge conflicts clean up 3

* fix backstop errors

* switch an item to check null

* fix setting focus on body, not menu button on load

* DP-19683 Adjust overlay position (#1152)

* set overlay below the blue nav bar

* add changelog for DP-19683

* remove a duplicate variable definition from cleaning up merge conflicts

* fix backstop failures from rendering error

* DP-19738 IE11 issues (#1157)

* add polyfill for NodeList.prototype.forEach

* fix esc key issue with IE11

* add condition to check null for result.display

* add escape key definition of 'e.key === Esc' for IE11 support

* add changelog for DP-19738

* DP-19782 flyout scrolling (#1160)

* fix the bottom cut off in the flyout

* set a fomula to calculate the height of the flyout

* test edit

* test edit2

* adding a height calculation formula to the blue nav bar with screen size less than 841px

* test edit3

* Fixed narrow utility nav for tablet sizes - DP-19782

* remove note comment

* clean up comments

* Fixed menu button scrolling to top and set scroll to top to show alerts button on smaller screens - DP-19782

* Changed height check to not use height at page load - DP-19782

* Set up with correct positioning and animated scroll - DP-19782

* Added back old method - DP-19782

* Replaced else statement - DP-19782

* Fixed extra height - DP-19782

* Revert "Fixed extra height - DP-19782"

This reverts commit 3b4d6ac.

* Keep menu closing behavior on resize in - DP-19872

Co-authored-by: Tom Fleming <[email protected]>

* DP-19866: Scroll issue fix (#1174)

* DP-19866: Scroll issue fix

* DP-19866: Scroll to menu for desktop

* DP-19877: Height of blue global nav bar is not tall enough on small screens (#1179)

* DP-19877: Global nav blue bar height 40px => 44px

* DP-19877: Global nav blue bar height 40px => 44px

* DP-19739 voiceover issues (#1166)

* correct roles in main menu elements

* disable ESC default behavior in Safari

* fix a lint error

* fix visibility of utility menu content to screen readers

* fix lint error

* set up down arrow navigation to narrow util nav content

* adding uparrow navigation for narrow util content links

* test edit

* up arrow adjustment for index and current item mismatch

* add up arrow navigation for util content links

* add changelog for DP-19739

* move focus from the menu button to the menu container(=flyout) with tab (#1159)

* move focus from the menu button to the menu container(=flyout) with tab

* add changelog for DP-19783

* test edit

* fix lint error

* test edit 2

* test edit3

* tabbing fix for safari

* remove test styles

* DP-19870: Fix scroll issue with off screen menu button scrolling to the top before moving to correct location (#1175)

* DP-19866: Scroll issue fix

* DP-19866: Scroll to menu for desktop

* DP-19870: Scroll issue fix on mobile devices

* DP-19868: Search icon issue fox for Apple devices

* DP-19867: Search icon issue fox for Android devices

* DP-19889: Global nav scroll should stop at bottom and not close on its own

* Swapped back in JS-only menu animation - DP-19870

* Modified offsetting to work with Desktop - DP-19870

* Fixed scroll jump from top issue - DP-19870

* Made search button selection smoother - DP-19870

* Removed faking Safari input to get keyboard to pop up - DP-19868

* small change - DP-19868

* Some more changes - DP-19868

* One more open menu change and console log output - DP-19868

* Updating reference screenshots

Co-authored-by: Tom Fleming <[email protected]>
Co-authored-by: Yukiko Gannett <[email protected]>

* DP-19953 Style the log in to content in the hamburger menu (#1182)

* style the log in to content in the hamburger menu

* add changelog for DP-19953

* DP-19879 Adjust overlay position and timing (#1180)

* DP-19866: Scroll issue fix

* DP-19866: Scroll to menu for desktop

* DP-19870: Scroll issue fix on mobile devices

* DP-19868: Search icon issue fox for Apple devices

* DP-19867: Search icon issue fox for Android devices

* DP-19889: Global nav scroll should stop at bottom and not close on its own

* Swapped back in JS-only menu animation - DP-19870

* Modified offsetting to work with Desktop - DP-19870

* Fixed scroll jump from top issue - DP-19870

* adjust overlay position and timing

* add changelog for DP-19879

* Made search button selection smoother - DP-19870

* overlay position adjustment per device and browser

* remove feature to adjust overlay positioning as alert accordinon opens/closes while the menu is open

* udpate changelog

* Updating reference screenshots

Co-authored-by: abaghdasaryan <[email protected]>
Co-authored-by: Tom Fleming <[email protected]>

* DP-19889 the menu scroll issue in iphone (#1183)

* fix js error and lint issues

* fix the menu closing with vertical scroll in iphone

* add clean up task on body at closing menu

* add changelog for DP-19889

* DP-19984  Style adjustment for links in the flyout menu (#1184)

* remove chevron from link and adjust vertical alignment of arrow icon on the last sub menu item

* add changelog for DP-19984

* Removed touchend events to prevent observed open on scroll - DP-19878 (#1185)

* Removed touchend events to prevent observed open on scroll - DP-19878

* Added changelog - DP-19878

* DP-19987: log in to menu width (#1186)

* Fixed width issue with log in to menu - DP-19987

* Added changelog - DP-19987

* DP-20029: Fixed search button behavior caused by resize events on phones (#1187)

* Fixed search button behavior caused by resize events on phones - DP-20029

* Added changelog - DP-20029

* DP-20039 fix Safari closing issue (#1189)

* Removed CSS causing Safari to crash in iOS12 #believeitornot

* Added changelog - DP-20039

* DP-20038 Alert position and Menu scroll (#1190)

* lock the alert scrolled position when the menu opens and reltains it when the menu closes.

* fix lint issue

* set nav container height

* clean up comments

* add changelog for DP-20037 and DP-20038

* set width to body

* DP-20055 fix Firefox overlay (#1192)

* Fixed Firefox-specific JS that was causing overlay issues - DP-20055

* Added changelog - DP-20055

* DP-20054 S7 search button (#1191)

* Set timeout higher for jump to search to work on Galaxy S7 - DP-20054

* Added changelog - DP-20054

* Added changelog - DP-20054

* DP-20085 Fixed sticky TOC for new global nav (#1194)

* Fixed sticky TOC to work with non-sticky menu - DP-20085

* Added changelog - DP-20085

* DP-20080/20096 ios scrolling issue + hamburger menu js cleanup (#1196)

* remove unused function

* merge commonOpenMenuTasks() to openMenu()

* ios menuoverlay offset adjustment

* add notes

* Removes a few setTimeout functions, changes window scroll to be the same for all browsers.

* clean up test code and unused functions

* format cleanup

* remove unused function

* add change log for DP-20080 and DP-20096

Co-authored-by: smurrayatwork <[email protected]>

* DP-20092 Fix menu issues affecting COVID-19 unemployment page with new global nav (#1197)

* Added bind for tabbing function body truncation - DP-20092

* Added changelog

* DP-20091  Reorder z-index values for overlay components  (#1198)

* change z-index value for the feedback button

* update z-index value for the navigation components to be consistent

* update z-index values for the menu container and the overlay

* clean up comments

* adjust z-index variables for designated values

* add changelog for DP-20091

* clean up comments

* Update _fixed-feedback-button.scss

* Clean up comments.

* Removed iPhone-specific overlay JS - DP-20091

* adjust z-index for sticky nav

* adjust sticky toc positioning in screen width 840 and less

* add a condition to check null item for original mobile main nav

* fix original mobile nav open/close function

* set a condition to be specific for original mobile main nav

* put back removed block for testing

* set up specific height value for the menu container in iphone

Co-authored-by: Tom Fleming <[email protected]>

* DP-20163 Remove extra space between the search component and the main menu in the menu container (#1201)

* remove exta space between the search box and the main nav in the menu container

* add changelog for DP-20163

* DP-20096 timing functioin cleanup (#1202)

* remove unused function

* merge commonOpenMenuTasks() to openMenu()

* ios menuoverlay offset adjustment

* add notes

* Removes a few setTimeout functions, changes window scroll to be the same for all browsers.

* clean up test code and unused functions

* format cleanup

* remove unused function

* add change log for DP-20080 and DP-20096

* DP-20096: Adds support for scrolling into view menu items in hambuger menu.

* DP-20096: Fixes bug causing submenu to close when submenu item clicked.

* add a no-alert rule for lockPage().

* remove test output code

* move 'positioin: fixed;' to no alert rule

* Fixes bug causing page to scroll when clicking submenu items on desktop.

Co-authored-by: Yukiko Gannett <[email protected]>
Co-authored-by: smurrayatwork <[email protected]>

* DP-20176 Utility nav item container open/close state icon (#1205)

* put back missing DP-20085 sticky TOC fix

* fix util nav button state via keyboard navigation in the menu container

* add changelog for DP-20176

* Update DP-20176.yml

* DP-20181 Focus from the linked logo in the menu to the menu button (#1206)

* fix focus order from the linked logo in the menu to menu button

* add changelog for DP-20181

* DP-20090 menu search align (#1200)

* Adjusted styling to align menu text and icon - DP-20090

* Second pass at menu icon centering - DP-20090

* Added changelog - DP-20090

* Address flex issues for iOS less than 11 - DP-20090

* adjusted class name - DP-20090

Co-authored-by: Yukiko Gannett <[email protected]>

* DP-20201: Fix scroll issues noticed on iOS (#1210)

* Fixed scroll issues noticed on iPads - DP-20201

* Added changelog - DP-20201

* DP-20119 Update the global nav in all page  (#1213)

* switch main navigation to new one

* update home page samples

* adjust z-index for sticky table header to make the menu button clickable

* add changelog for DP-20119

* Updating reference screenshots with the new global nav

* DP-20209 iOS scroll issue (#1211)

* Fixed scroll issue for iOS and hopefully didn't break other devices - DP-20209

* Added changelog - DP-20209

* Revert "Added changelog - DP-20209"

This reverts commit 6f4f29f.

* Revert "Revert "Added changelog - DP-20209""

This reverts commit 4c55ad5.

* Revert "Fixed scroll issue for iOS and hopefully didn't break other devices - DP-20209"

This reverts commit 40dc92b.

* Revert "Revert "Fixed scroll issue for iOS and hopefully didn't break other devices - DP-20209""

This reverts commit c9592a8.

* Addressed issues with iPhone 7 crashes, getting menu height to show everything - DP-20209

* Changed offset height to nav - DP-20209

* fix for iPads - DP-20209

* Changed how some calculated variables are stored - DP-20209

* Fixed scrollTo issue with mainNavHamburger.js - DP-17200

Co-authored-by: Yukiko Gannett <[email protected]>
Co-authored-by: Tom Fleming <[email protected]>
Co-authored-by: smurrayatwork <[email protected]>

* Update DP-19984.yml (#1215)

Fix typo and indentation.

* fix changelog format (#1217)

* Update DP-19738.yml (#1218)

* Update DP-20038.yml (#1219)

* Changelog update and remove old changelog files

Co-authored-by: Minghua Sun <[email protected]>
Co-authored-by: Arthur Baghdasaryan <[email protected]>
Co-authored-by: Tom Fleming <[email protected]>
Co-authored-by: smurrayatwork <[email protected]>
  • Loading branch information
5 people authored Oct 20, 2020
1 parent 6e4f20b commit bee91cb
Show file tree
Hide file tree
Showing 323 changed files with 4,500 additions and 2,046 deletions.
69 changes: 69 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,75 @@
# Mayflower Release Notes
All notable changes to this project will be documented in this file.

## 9.56.0 (10/19/2020)
### Changed
- (Patternlab) [Header] DP-17154: Change the label of the hamburger menu button on mobile width. (#1099)
- (Patternlab) [Header] DP-17154: Change the location of the logo based on screen widths. (#1099)
- (Patternlab) [Header] DP-17154: Match the style of the utility nav elements to the main nav ones in the hamburger menu. (#1099)
- (Patternlab) [Header] DP-17155: Set focus on the linked state seal in the hamburger menu from a lower element with 'shift + tab'. (#1141)
- (Patternlab) [Header] DP-17155: Set focus on the menu button from the linked state seal in the hamburger menu with 'shift + tab' from a lower element. (#1141)
- (Patternlab) [Header] DP-17155: Set an open submenu not to collapse as focus moves to another menu unit. (#1141)
- (Patternlab) [Header] DP-19330: Expand the menu button width to fill the available space on the blue bar when it's labeled as "close" with the screen size 840px and smaller. (#1119)
- (Patternlab) [HeaderHamburgerMenu] DP-19331: Set the height of the nav bar consistent regardless of screen sizes. (#1115)
- (Patternlab) [Header] DP-19332: Position the nav bar below the site wide alert. (#1118)
- (Patternlab) [EmergencyAlert] DP-19332: Remove the extra top space to position the alert container to the top of the page. (#1118)
- (Patternlab) [Header] DP-19335: Make the font size for the menu button consistent regardless of the screen size. (#916)
- (Patternlab) [Header] DP-19335: Set the button label "Mass.gov" changes to "Close" when the hamburger menu is open. (#1116)
- (Patternlab) [Header] DP-19335: The menu button always lines up to the state seal on the left regardless of the screen size when the seal is visible. (#1116)
- (Patternlab) [Header, Main Navigation] DP-19336: Fixes to address off-screen scroll behavior and console errors (#1128)
- (Patternlab) [Header] DP-19337: Set only one menu is open at a time including the "log in to" content. (#1131)
- (Patternlab) [Header] DP-19337: Make the open/close animation consistent. (#1131)
- (Patternlab) [Header] DP-19337: Adjust the position of the bottom border of "Log In To…" content in the hamburger menu. (#1131)
- (Patternlab) [Header] DP-19354: Addded Color stories and color gradients. (#1120)
- (Patternlab) [Header] DP-19879: Adjust menu overlay position and timing in mobile and Firefox in desktop. (#1180)
- (Patternlab) [Header] DP-19953: Style the log in to content in the menu container. (#1182)
- (Patternlab) [Header] DP-19984: Remove chevron from links in the menu container. (#1184)
- (Patternlab) [Header] DP-19984: Align the text and icon in the last sub menu items vertically centered. (#1184)
- (Assets) [scss] DP-20091: Change z-index value variables for overlay components for consistency. (#1198)
- (Patternlab) [Header] DP-20096: Clean up and streamline some timing functions, unused variables and functions. (#1196)
- (Patternlab) [pageTemplates] DP-20119: Switch the main navigation to the new one in all page types which have the main navigation. (#1213)
- (Patternlab) [Assets] DP-20119: Adjust sticky table heaer z-index value to be under the main manu bar. (#1213)
- (Patternlab) [header] DP-20163: Remove extra space and bottom border from the search component in menu container. (#1201)
- (Patternlab) [Header] DP-20176: Fix utility sub container open/close state icon with keyboard navigation. (#1205)

### Added
- (Patternlab) [Header] DP-17154: Add a 'jump to search' button on the utility nav bar in mobile display. (#1099)
- (Patternlab) [Header] DP-17154: Set up to render the log-in-to content in the utility nav in the hamburger menu. (#1099)
- (Patternlab) [Header] DP-17155: Set up tabbing behaviors at the last elements in various conditions in the hamburger menu. (#1141)
- (Patternlab) [Header] DP-17155: Set up behaviors with 'escape' key at the last elements in various conditions in the hamburger menu. (#1141)
- (Patternlab) [Header, Main Navigation] DP-17200: Added new hamburger naviagation and the header with mixed version of navigation.
- (Patternlab) [Header] DP-19739: Enable keyboard users to navigate sub set elements with up/down arrow keys. (#1166)
- (Patternlab) [Header] DP-19878: Removed touchend events from the menu and search buttons. (#1185)
- (Patternlab) [Header] DP-19879: Add overlay to alert as the menu is open. (#1180)
- (Assets) [scss] DP-20091: Add new variables for z-index values for overlay navigation components and the overlay shade. (#1198)

### Fixed
- (Patternlab) [Header] DP-19683: Set the overlay below the blue nav bar when it has active alerts. (#1152)
- (Patternlab) [Header] DP-19738: For IE11, add polyfill to enable 'NodeList.prototype.forEach()' and escape key definition of 'e.key === Esc'. (#1157)
- (Patternlab) [Header] DP-19739: Enable Voiceover to navigate the flyout content. (#1166)
- (Patternlab) [Header] DP-19783: Set focus on the menu container from the menu button while the container is open with tab. (#1159)
- (Patternlab) [Header] DP-19889: Make the menu container stay open and scrollable. (#1183)
- (Patternlab) [Header] DP-19783: Fixed log in to menu width. (#1186)
- (Patternlab) [Header] DP-20029: Fixed search button issues caused by resize events (#1187)
- (Patternlab) [Header] DP-20037: Fix the page not to scroll up to the top of the page as the menu closes. (#1190)
- (Patternlab) [Header] DP-20038: Fix the alert shifts as sub components open in the menu container. (#1190)
- (Patternlab) [Header] DP-20038: Enable scrolling in the menu container to the bottom. (#1190)
- (Patternlab) [Header] DP-20054: Addresses a timing issue with jump to search that prevented it from working on some Android devices. (#1191)
- (Patternlab) [Header] DP-20085: Fixed sticky TOC on the newer global nav. (#1194)
- (Patternlab) [Header] DP-20090: Fixed menu icon, text, search alignment. (#1200)
- (Patternlab) [Header] DP-20092: Fixed global nav issues when text truncation enabled. (#1197)
- (Patternlab) [Header] DP-20080: Fix the varying height value for the menu container whenever the menu opens in ios. (#1196)
- (Patternlab) [StickyTOC] DP-20085: Put back the lost fix for sticky TOC positioning. (#1205)
- (Patternlab) [Header] DP-20181: Set focus on the menu button from the logo link in the menu container with shift + tab. (#1206)
- (Patternlab) [Header] DP-20201: Move window scrollTo and remove inline body styling when closing the global nav menu. (#1210)
- (Patternlab) [Header] DP-20209: Move window scrollTo and remove inline body styling when closing the global nav menu. (#1210)
- (Patternlab) [Header] DP-20209: Fixed global nav scrolling for small devices. (#1211)

### Removed
- (Patternlab) [Header] DP-19738: Replace "e.which", which is deprecated, with "e.code". (#1157)
- (Patternlab) [Header] DP-20039: Remove transition value causing Safari to crash in iOS 12. (#1189)
- (Patternlab) [Header] DP-20055: Removed Firefox-specific code causing menu overlay issues in Firefox. (#1192)

## 9.55.1 (9/2/2020)
### Fixed
- (React) [InputCurrency] Fix onBlur bug to allow value 0 to be returned in onBlur callback. (#1161)
Expand Down
2 changes: 2 additions & 0 deletions assets/scss/00-base/_mixins.scss
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
@import "mixins/ma-accordion-icon";

@import "mixins/ma-aspect-ratio";

@import "mixins/ma-auto-size";
Expand Down
8 changes: 6 additions & 2 deletions assets/scss/00-base/_z-index.scss
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,12 @@ $z-modal: 1000;
// Overlays fall under modal components.
$z-overlay: 900;

$z-dropdown: 90;
$z-sticky-content: 80;
// Shaded overlay between the overlay compoenent with $z-overlay and other page compoenents with lower index values.
$z-overlay-shade: 800;

$z-dropdown: 100 !default;
$z-feedback-button: 90 !default;
$z-sticky-content: 80 !default;
$z-high: 10;
$z-medium: 5;
$z-low: 1;
Expand Down
23 changes: 23 additions & 0 deletions assets/scss/00-base/mixins/_ma-accordion-icon.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
@mixin ma-accordion-icon() {

&:after {
content: "+";
color: $c-primary-alt;
display: block;
font-size: 1.6em;
font-weight: 500;
line-height: .75em;
position: absolute;
top: 15px;
right: 15px;
transition: transform .5s ease;
transform-origin: center center;
}

.is-open & {

&:after {
transform: rotate(135deg);
}
}
}
5 changes: 2 additions & 3 deletions assets/scss/01-atoms/_fixed-feedback-button.scss
Original file line number Diff line number Diff line change
Expand Up @@ -5,8 +5,7 @@
position: fixed;
right: 0;
width: 40px;
// The highest posible value.
z-index: $z-skyline;
z-index: $z-feedback-button;

a {
background-color: $c-white;
Expand All @@ -31,5 +30,5 @@
&.hide-button {
display: none;
}
}
}

1 change: 1 addition & 0 deletions assets/scss/01-atoms/global/_elements.scss
Original file line number Diff line number Diff line change
Expand Up @@ -40,6 +40,7 @@ html {


body {
width: 100vw;
margin: 0;
font-size: $fonts-medium;
line-height: 1.5;
Expand Down
151 changes: 151 additions & 0 deletions assets/scss/02-molecules/_main-nav-hamburger.scss
Original file line number Diff line number Diff line change
@@ -0,0 +1,151 @@
.ma__main__hamburger-nav {
border: 0;
margin: 0;
padding: 0;

@media ($bp-header-toggle-max) {
border-top: 2px solid $c-bd-divider;
}

&__items {

@include ma-reset-list;
}

&__item {
border-bottom: 2px solid $c-bd-divider;
}

&__top-link {

@include ma-button-reset;
position: relative;
display: block;
font-size: 1.25rem;
font-weight: 700;
letter-spacing: $letter-spacing-large;
line-height: 1.45;
padding: 15px 20px;
text-transform: uppercase;
transition: all 0.4s ease;
text-align: left;
background-color: $c-gray-lightest;
width: 100%;

.toggle-indicator {

@include ma-accordion-icon;

.submenu-open & {

&::after {
transform: rotate(135deg);
}
}
}

&:focus {
background-color: $c-bd-divider;
outline: 2px solid $c-black;
}

&.cv-alternate-style {
background-color: #f7c600;
color: inherit;

// Adding chevron for direct link.

@include ma-chevron;

&:after {
border: none;
}

&:hover {
background-color: #fce387;
}
}
}

&__subitems {
text-align: left;
z-index: $z-dropdown;
background-color: $c-bg-section;
transition: height 0.4s;

&.is-closed {

@include ma-visually-hidden;
display: none !important;
transition: height 0.6s;
}

&.is-closed-react {
display: none !important;
}

.ma__main__hamburger-nav__item:last-child & {
left: inherit;
right: 0;
}
}

&__container {

@include ma-reset-list;
transition: opacity 0.2s;

.is-closed & {
transition: opacity 0.2s;
}
}

&__link {

@include ma-button-reset;
width: 100%;
text-align: left;
display: block;
position: relative;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.33;
padding: 10px 20px 10px 30px;
color: $c-black;

&:hover {
text-decoration: underline;
}

&>svg,
&>span {
display: inline-block;
vertical-align: middle;
}
}

&__subitem:last-child &__link {
font-size: 1.125rem;
letter-spacing: letter-spacing-medium;
text-transform: uppercase;

& > svg {
fill: $c-atlantic-gray;
height: 20px;
width: 20px;
}

&>span {
padding-top: 2px;
border-bottom: 2px solid transparent;
}

&:hover {
text-decoration: none;

&>span {
border-bottom: 2px solid $c-black;
}
}
}
}
2 changes: 1 addition & 1 deletion assets/scss/02-molecules/_main-nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -182,7 +182,7 @@
top: 0;
text-align: left;
width: 300px;
z-index: $z-dropdown;
z-index: $z-overlay;

@media ($bp-header-toggle-max) {
margin-top: $header-mobile-controls-height;
Expand Down
4 changes: 2 additions & 2 deletions assets/scss/02-molecules/_sticky-nav.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@
transition: top .3s;
width: 100%;
z-index: $z-sticky-content;

font-size: $fonts-medium;

@media ($bp-small-min) {
Expand Down Expand Up @@ -60,7 +59,8 @@

&[data-sticky='middle'] {
position: fixed;
top: 40px;
top: 40px;
z-index: $z-overlay;

.translated-rtl &,
.translated-ltr & {
Expand Down
10 changes: 0 additions & 10 deletions assets/scss/03-organisms/_emergency-alerts.scss
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,6 @@ $colors: (
position: relative;
z-index: $z-dropdown - 1;


// top positioning on mobile for utility nav space

.ma__ajax-pattern > & {

@media ($bp-header-toggle-max) {
top: 40px;
}
}

&__header {
background-color: $c-warning;

Expand Down
Loading

0 comments on commit bee91cb

Please sign in to comment.