From 5d046360e674e8e2486ca5bc65036f40da85c6ee Mon Sep 17 00:00:00 2001 From: pookmish Date: Fri, 17 Jan 2020 08:31:44 -0800 Subject: [PATCH] HSD8-744 fix menu keyboard (#446) * HSD8-744 Fix main menu keyboard navigation * jquery only select the immediate children Co-authored-by: Sherakama --- docroot/themes/humsci/humsci_basic/src/scss/_base.scss | 4 ++-- docroot/themes/humsci/humsci_basic/src/scss/_main.scss | 2 +- docroot/themes/humsci/humsci_basic/src/scss/humsci_airy.scss | 2 +- .../themes/humsci/humsci_basic/src/scss/humsci_colorful.scss | 2 +- .../humsci/humsci_basic/src/scss/humsci_traditional.scss | 2 +- .../su_humsci_theme/css/components/molecules/index.css | 2 +- docroot/themes/humsci/su_humsci_theme/js/hover_menu.js | 5 ++++- .../scss/components/molecules/_hover-menu.scss | 1 - 8 files changed, 11 insertions(+), 9 deletions(-) diff --git a/docroot/themes/humsci/humsci_basic/src/scss/_base.scss b/docroot/themes/humsci/humsci_basic/src/scss/_base.scss index fd73871743..c2073b8620 100644 --- a/docroot/themes/humsci/humsci_basic/src/scss/_base.scss +++ b/docroot/themes/humsci/humsci_basic/src/scss/_base.scss @@ -4,12 +4,12 @@ html { color: color(brand); @include colorful { - color: purple; + color: #800080; background-color: theme-color(color-purple); } @include airy { - color: blue; + color: #0000ff; font-family: $colorful-font--sans; } diff --git a/docroot/themes/humsci/humsci_basic/src/scss/_main.scss b/docroot/themes/humsci/humsci_basic/src/scss/_main.scss index 51e3a7b8cd..5afe62050c 100644 --- a/docroot/themes/humsci/humsci_basic/src/scss/_main.scss +++ b/docroot/themes/humsci/humsci_basic/src/scss/_main.scss @@ -86,4 +86,4 @@ // 8. Utilities // Utilities and helper classes with ability to override anything // which goes before in the triangle, eg. hide helper class - "base"; // TODO test file + 'base'; // TODO test file diff --git a/docroot/themes/humsci/humsci_basic/src/scss/humsci_airy.scss b/docroot/themes/humsci/humsci_basic/src/scss/humsci_airy.scss index 3f7ae88883..2fabb183f0 100644 --- a/docroot/themes/humsci/humsci_basic/src/scss/humsci_airy.scss +++ b/docroot/themes/humsci/humsci_basic/src/scss/humsci_airy.scss @@ -1,3 +1,3 @@ $current-theme: 'airy'; -@import "main"; +@import 'main'; diff --git a/docroot/themes/humsci/humsci_basic/src/scss/humsci_colorful.scss b/docroot/themes/humsci/humsci_basic/src/scss/humsci_colorful.scss index f227b7270c..062d781642 100644 --- a/docroot/themes/humsci/humsci_basic/src/scss/humsci_colorful.scss +++ b/docroot/themes/humsci/humsci_basic/src/scss/humsci_colorful.scss @@ -1,3 +1,3 @@ $current-theme: 'colorful'; -@import "main"; +@import 'main'; diff --git a/docroot/themes/humsci/humsci_basic/src/scss/humsci_traditional.scss b/docroot/themes/humsci/humsci_basic/src/scss/humsci_traditional.scss index 4b74fc37b1..8ccc18b272 100644 --- a/docroot/themes/humsci/humsci_basic/src/scss/humsci_traditional.scss +++ b/docroot/themes/humsci/humsci_basic/src/scss/humsci_traditional.scss @@ -1,3 +1,3 @@ $current-theme: 'traditional'; -@import "main"; +@import 'main'; diff --git a/docroot/themes/humsci/su_humsci_theme/css/components/molecules/index.css b/docroot/themes/humsci/su_humsci_theme/css/components/molecules/index.css index 134ce1a4d9..9ce7202500 100644 --- a/docroot/themes/humsci/su_humsci_theme/css/components/molecules/index.css +++ b/docroot/themes/humsci/su_humsci_theme/css/components/molecules/index.css @@ -1 +1 @@ -.no-js #header .decanter-main-menu--hover-reveal .fas{display:none}@media screen and (min-width: 1201px){#header .decanter-main-menu--hover-reveal ul ul{display:none}#header .decanter-main-menu--hover-reveal.menu--main{box-shadow:none;float:none;height:40px}#header .decanter-main-menu--hover-reveal.menu--main a:hover,#header .decanter-main-menu--hover-reveal.menu--main a.is-active,#header .decanter-main-menu--hover-reveal.menu--main .menu-item--active-trail a{border-bottom:solid 3px #2e2d29}#header .decanter-main-menu--hover-reveal.menu--main li{margin-right:0}#header .decanter-main-menu--hover-reveal.menu--main li.menu-item>a{font-size:2rem;font-weight:400;text-decoration:none;margin:0 1em 0 0;padding:6px 0}}@media screen and (min-width: 1201px) and (min-width: 1201px){#header .decanter-main-menu--hover-reveal.menu--main li.menu-item>a{margin-right:1.5em}}#header .fa:before,#header .far:before,#header .fas:before{font-family:Font Awesome\ 5 Free;font-weight:900}.js #header .decanter-main-menu--hover-reveal button{width:auto}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .fa,.js #header .decanter-main-menu--hover-reveal .far,.js #header .decanter-main-menu--hover-reveal .fas{display:none}.js #header .decanter-main-menu--hover-reveal.menu--main{box-shadow:none;float:none;height:40px}.js #header .decanter-main-menu--hover-reveal.menu--main a:hover,.js #header .decanter-main-menu--hover-reveal.menu--main a.is-active,.js #header .decanter-main-menu--hover-reveal.menu--main .menu-item--active-trail a,.js #header .decanter-main-menu--hover-reveal.menu--main a.ui-state-active{border-bottom:solid 3px #2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary{border:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu{float:right}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper{border-bottom:0;color:#b1040e}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .ui-menu-item-wrapper{border-bottom:3px solid #2e2d29;color:#b1040e}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu .ui-menu-item-wrapper{margin:0 1em -1rem 0;padding:6px 0}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu .ui-menu-item-wrapper{margin-right:1.5em}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper:hover,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper:focus{color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li{color:#b1040e;position:relative}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li>a{font-weight:400}}@media screen and (min-width: 1201px) and (min-width: 951px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li>a{font-size:2rem}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li.edge ul.decanter-nav-submenu{right:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li:hover{color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li:last-of-type .ui-menu-item-wrapper{margin-right:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-header .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button.ui-state-active:hover{background-color:transparent;border:0;border-bottom:3px solid #2e2d29}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-header .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button.ui-state-active:hover{color:#2e2d29}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span{border-bottom:0;color:#b1040e;margin:0 1.5em 10px 0;padding:0}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span{margin:0 0 10px}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a:hover,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span:hover{background-color:transparent;border:0;color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-button.ui-state-active:hover{background-color:transparent}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content{background:#2e2d29}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content{background:none}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content.ui-widget{border:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-icon{background-image:none}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-widget{background:#fff;margin-top:1rem;padding:.7em 1em}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-widget.decanter-nav-submenu li a{font-size:1.8rem;line-height:1.25}.js #header .decanter-main-menu--hover-reveal ul ul{display:none}.js #header .decanter-main-menu--hover-reveal ul ul li{position:relative;display:block}.js #header .decanter-main-menu--hover-reveal ul ul li:hover{cursor:auto}.js #header .decanter-main-menu--hover-reveal ul ul ul{left:100%;top:0}}@media screen and (max-width: 1200px){.js #header .decanter-main-menu--hover-reveal ul{display:none;background:#fff;position:absolute;z-index:10;width:calc(100% - 10px)}.js #header .decanter-main-menu--hover-reveal ul.expanded{border:1px solid #f4f4f4;display:block;width:95%}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu{background:#f4f4f4}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu a:hover{background-color:transparent}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu a.is-active{border-bottom:0}.js #header .decanter-main-menu--hover-reveal ul ul{border:1px solid #fff;z-index:2}.js #header .decanter-main-menu--hover-reveal ul ul ul{display:none}.js #header .decanter-main-menu--hover-reveal ul button{padding:4px}.js #header .decanter-main-menu--hover-reveal li{border-bottom:1px solid #f4f4f4;display:block;position:relative;margin-right:0;padding-top:.2em;padding-bottom:.2em;padding-left:.75em}.js #header .decanter-main-menu--hover-reveal a,.js #header .decanter-main-menu--hover-reveal span{border:0;color:#b1040e;font-weight:400;padding-left:1rem}.js #header .decanter-main-menu--hover-reveal a:hover,.js #header .decanter-main-menu--hover-reveal a:focus,.js #header .decanter-main-menu--hover-reveal span:hover,.js #header .decanter-main-menu--hover-reveal span:focus{color:#2e2d29;text-decoration:none}.js #header .decanter-main-menu--hover-reveal a.is-active,.js #header .decanter-main-menu--hover-reveal span.is-active{border-left:3px solid #b1040e;color:#b1040e;font-weight:600;text-decoration:none}.js #header .decanter-main-menu--hover-reveal button.fa-plus,.js #header .decanter-main-menu--hover-reveal button.fa-minus{color:#2e2d29;float:right;width:auto;margin-right:1rem}}nav.menu-block{font-size:2rem}nav.menu-block ul ul{font-size:.9em}nav.menu-block .menu-item--expanded{list-style-image:none;list-style-type:none}nav.menu-block li.menu-item--active-trail>a{color:#2e2d29;border-left:1px solid #2e2d29}nav.menu-block a{text-decoration:none;display:block;font-weight:400;padding:0 0 0 10px;margin:0 0 15px}nav.menu-block a.is-active{border-left:1px solid #2e2d29}li[data-unpublished-node=true]{background:rgba(234,171,0,0.6)}table thead th,table thead td{background-color:#dad7cb;color:#2e2d29}.table-pattern{display:block;width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.table-pattern{display:table;width:100%}}.table-caption{display:table-caption;font-size:larger;font-weight:600;text-align:center}.table-header{position:absolute;top:-9999px;left:-9999px}@media screen and (min-width: 600px){.table-header{display:table-header-group;font-weight:400;position:static;text-align:center}}.table-header .table-row{display:table-row}@media screen and (min-width: 600px){.table-header .table-row{background-color:#dad7cb;border:1px solid #b6b1a9;color:#2e2d29;text-align:left;padding:1.5rem}}.table-header-cell{background-color:#dad7cb;border:1px solid #b6b1a9;color:#2e2d29}.table-body{display:block;width:100%}@media screen and (min-width: 600px){.table-body{display:table-row-group}}.table-row{display:block;width:100%;margin-bottom:40px}@media screen and (min-width: 600px){.table-row{display:table-row}}.table-row>div{border:1px solid #b6b1a9;border-bottom:0;position:relative;min-height:55px;padding-top:15px;padding-bottom:15px;padding-left:50%}@media screen and (min-width: 600px){.table-row>div{border-bottom:1px solid #b6b1a9;display:table-cell;padding:1.5rem}}.table-row>div:before{color:#2e2d29;content:attr(aria-label);font-weight:600;left:6px;position:absolute;top:6px;white-space:nowrap;width:45%;padding-top:10px;padding-right:10px}@media screen and (min-width: 600px){.table-row>div:before{content:none}}.table-row>div [class*="column-"]{display:block;width:100%}.table-row>div:last-child{border-bottom:1px solid #b6b1a9} +.no-js #header .decanter-main-menu--hover-reveal .fas{display:none}@media screen and (min-width: 1201px){#header .decanter-main-menu--hover-reveal ul ul{display:none}#header .decanter-main-menu--hover-reveal.menu--main{box-shadow:none;float:none;height:40px}#header .decanter-main-menu--hover-reveal.menu--main a:hover,#header .decanter-main-menu--hover-reveal.menu--main a.is-active,#header .decanter-main-menu--hover-reveal.menu--main .menu-item--active-trail a{border-bottom:solid 3px #2e2d29}#header .decanter-main-menu--hover-reveal.menu--main li{margin-right:0}#header .decanter-main-menu--hover-reveal.menu--main li.menu-item>a{font-size:2rem;font-weight:400;text-decoration:none;margin:0 1em 0 0;padding:6px 0}}@media screen and (min-width: 1201px) and (min-width: 1201px){#header .decanter-main-menu--hover-reveal.menu--main li.menu-item>a{margin-right:1.5em}}#header .fa:before,#header .far:before,#header .fas:before{font-family:Font Awesome\ 5 Free;font-weight:900}.js #header .decanter-main-menu--hover-reveal button{width:auto}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .fa,.js #header .decanter-main-menu--hover-reveal .far,.js #header .decanter-main-menu--hover-reveal .fas{display:none}.js #header .decanter-main-menu--hover-reveal.menu--main{box-shadow:none;float:none;height:40px}.js #header .decanter-main-menu--hover-reveal.menu--main a:hover,.js #header .decanter-main-menu--hover-reveal.menu--main a.is-active,.js #header .decanter-main-menu--hover-reveal.menu--main .menu-item--active-trail a,.js #header .decanter-main-menu--hover-reveal.menu--main a.ui-state-active{border-bottom:solid 3px #2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary{border:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu{float:right}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper{border-bottom:0;color:#b1040e}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .ui-menu-item-wrapper{border-bottom:3px solid #2e2d29;color:#b1040e}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu .ui-menu-item-wrapper{margin:0 1em -1rem 0;padding:6px 0}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu .ui-menu-item-wrapper{margin-right:1.5em}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper:hover,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu li.menu-item--active-trail .decanter-nav-submenu .ui-menu-item-wrapper:focus{color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li{color:#b1040e;position:relative}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li>a{font-weight:400}}@media screen and (min-width: 1201px) and (min-width: 951px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li>a{font-size:2rem}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li.edge ul.decanter-nav-submenu{right:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li:hover{color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary>li:last-of-type .ui-menu-item-wrapper{margin-right:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-header .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button.ui-state-active:hover{background-color:transparent;border:0;border-bottom:3px solid #2e2d29}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-widget-header .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .ui-button.ui-state-active:hover{color:#2e2d29}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span{color:#b1040e;margin:0 1.5em 10px 0;padding:0}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span{margin:0 0 10px}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item a:hover,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .menu-item span:hover{background-color:transparent;border:0;color:#2e2d29}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-widget-content .ui-state-active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu a.ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-button:active,.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary .decanter-nav-submenu .ui-button.ui-state-active:hover{background-color:transparent}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content{background:#2e2d29}}@media screen and (min-width: 1201px) and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content{background:none}}@media screen and (min-width: 1201px){.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content.ui-widget{border:0}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-icon{background-image:none}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-widget{background:#fff;margin-top:1rem;padding:.7em 1em}.js #header .decanter-main-menu--hover-reveal .ui-menu.decanter-nav-primary.ui-menu.ui-widget-content .ui-widget.decanter-nav-submenu li a{font-size:1.8rem;line-height:1.25}.js #header .decanter-main-menu--hover-reveal ul ul{display:none}.js #header .decanter-main-menu--hover-reveal ul ul li{position:relative;display:block}.js #header .decanter-main-menu--hover-reveal ul ul li:hover{cursor:auto}.js #header .decanter-main-menu--hover-reveal ul ul ul{left:100%;top:0}}@media screen and (max-width: 1200px){.js #header .decanter-main-menu--hover-reveal ul{display:none;background:#fff;position:absolute;z-index:10;width:calc(100% - 10px)}.js #header .decanter-main-menu--hover-reveal ul.expanded{border:1px solid #f4f4f4;display:block;width:95%}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu{background:#f4f4f4}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu a:hover{background-color:transparent}.js #header .decanter-main-menu--hover-reveal ul .expanded.decanter-nav-submenu a.is-active{border-bottom:0}.js #header .decanter-main-menu--hover-reveal ul ul{border:1px solid #fff;z-index:2}.js #header .decanter-main-menu--hover-reveal ul ul ul{display:none}.js #header .decanter-main-menu--hover-reveal ul button{padding:4px}.js #header .decanter-main-menu--hover-reveal li{border-bottom:1px solid #f4f4f4;display:block;position:relative;margin-right:0;padding-top:.2em;padding-bottom:.2em;padding-left:.75em}.js #header .decanter-main-menu--hover-reveal a,.js #header .decanter-main-menu--hover-reveal span{border:0;color:#b1040e;font-weight:400;padding-left:1rem}.js #header .decanter-main-menu--hover-reveal a:hover,.js #header .decanter-main-menu--hover-reveal a:focus,.js #header .decanter-main-menu--hover-reveal span:hover,.js #header .decanter-main-menu--hover-reveal span:focus{color:#2e2d29;text-decoration:none}.js #header .decanter-main-menu--hover-reveal a.is-active,.js #header .decanter-main-menu--hover-reveal span.is-active{border-left:3px solid #b1040e;color:#b1040e;font-weight:600;text-decoration:none}.js #header .decanter-main-menu--hover-reveal button.fa-plus,.js #header .decanter-main-menu--hover-reveal button.fa-minus{color:#2e2d29;float:right;width:auto;margin-right:1rem}}nav.menu-block{font-size:2rem}nav.menu-block ul ul{font-size:.9em}nav.menu-block .menu-item--expanded{list-style-image:none;list-style-type:none}nav.menu-block li.menu-item--active-trail>a{color:#2e2d29;border-left:1px solid #2e2d29}nav.menu-block a{text-decoration:none;display:block;font-weight:400;padding:0 0 0 10px;margin:0 0 15px}nav.menu-block a.is-active{border-left:1px solid #2e2d29}li[data-unpublished-node=true]{background:rgba(234,171,0,0.6)}table thead th,table thead td{background-color:#dad7cb;color:#2e2d29}.table-pattern{display:block;width:100%;margin-bottom:20px}@media screen and (min-width: 600px){.table-pattern{display:table;width:100%}}.table-caption{display:table-caption;font-size:larger;font-weight:600;text-align:center}.table-header{position:absolute;top:-9999px;left:-9999px}@media screen and (min-width: 600px){.table-header{display:table-header-group;font-weight:400;position:static;text-align:center}}.table-header .table-row{display:table-row}@media screen and (min-width: 600px){.table-header .table-row{background-color:#dad7cb;border:1px solid #b6b1a9;color:#2e2d29;text-align:left;padding:1.5rem}}.table-header-cell{background-color:#dad7cb;border:1px solid #b6b1a9;color:#2e2d29}.table-body{display:block;width:100%}@media screen and (min-width: 600px){.table-body{display:table-row-group}}.table-row{display:block;width:100%;margin-bottom:40px}@media screen and (min-width: 600px){.table-row{display:table-row}}.table-row>div{border:1px solid #b6b1a9;border-bottom:0;position:relative;min-height:55px;padding-top:15px;padding-bottom:15px;padding-left:50%}@media screen and (min-width: 600px){.table-row>div{border-bottom:1px solid #b6b1a9;display:table-cell;padding:1.5rem}}.table-row>div:before{color:#2e2d29;content:attr(aria-label);font-weight:600;left:6px;position:absolute;top:6px;white-space:nowrap;width:45%;padding-top:10px;padding-right:10px}@media screen and (min-width: 600px){.table-row>div:before{content:none}}.table-row>div [class*="column-"]{display:block;width:100%}.table-row>div:last-child{border-bottom:1px solid #b6b1a9} diff --git a/docroot/themes/humsci/su_humsci_theme/js/hover_menu.js b/docroot/themes/humsci/su_humsci_theme/js/hover_menu.js index 287cd01da6..cf8764f099 100644 --- a/docroot/themes/humsci/su_humsci_theme/js/hover_menu.js +++ b/docroot/themes/humsci/su_humsci_theme/js/hover_menu.js @@ -52,7 +52,10 @@ // Desktop, apply the jquery ui menu and change any mobile classes. if (window.innerWidth >= 1201) { $menu.menu({ - position: {at: "left bottom"} + position: {at: "left bottom"}, + select: function(e, item){ + window.location.href = $(item.item).children('a:first-child').attr("href"); + } }); $menu.removeClass('expanded'); $menu.find('.fa-minus').addClass('fa-plus').removeClass('fa-minus'); diff --git a/docroot/themes/humsci/su_humsci_theme/scss/components/molecules/_hover-menu.scss b/docroot/themes/humsci/su_humsci_theme/scss/components/molecules/_hover-menu.scss index c10c1fc46a..3aa48b5388 100644 --- a/docroot/themes/humsci/su_humsci_theme/scss/components/molecules/_hover-menu.scss +++ b/docroot/themes/humsci/su_humsci_theme/scss/components/molecules/_hover-menu.scss @@ -157,7 +157,6 @@ .decanter-nav-submenu .menu-item a, .decanter-nav-submenu .menu-item span { - border-bottom: 0; color: $color-bright-red; @include margin(0 1.5em 10px 0);