From c300eca59c42f1804825a3b3c327f3cf0d6c1b94 Mon Sep 17 00:00:00 2001
From: m26lebla <m26lebla@uwaterloo.ca>
Date: Wed, 11 Nov 2020 10:36:12 -0500
Subject: [PATCH]  additional css for secondary menu hover state

---
 css/styles.css                                        | 11 +++++++++++
 .../menu/menu--horizontal/_menu--horizontal.scss      |  3 +++
 .../menu/menu--secondary/_menu--secondary.scss        |  4 ++++
 3 files changed, 18 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 6514ff8d..b585d1b8 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -4132,6 +4132,7 @@ fieldset,
     color: #000; }
 
 .org-default .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-default .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-default .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4181,6 +4182,7 @@ fieldset,
     color: #000; }
 
 .org-ahs .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-ahs .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-ahs .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4231,6 +4233,7 @@ fieldset,
     color: #000; }
 
 .org-art .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-art .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-art .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4281,6 +4284,7 @@ fieldset,
     color: #000; }
 
 .org-eng .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-eng .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-eng .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4331,6 +4335,7 @@ fieldset,
     color: #000; }
 
 .org-env .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-env .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-env .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4381,6 +4386,7 @@ fieldset,
     color: #000; }
 
 .org-mat .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-mat .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-mat .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4431,6 +4437,7 @@ fieldset,
     color: #000; }
 
 .org-sci .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-sci .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-sci .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4481,6 +4488,7 @@ fieldset,
     color: #000; }
 
 .org-school .uw-horizontal-nav .menu--horizontal li .menu--subnav a {
+  background-color: transparent;
   border-bottom: 3px solid transparent;
   text-decoration: none; }
   .org-school .uw-horizontal-nav .menu--horizontal li .menu--subnav a:focus, .org-school .uw-horizontal-nav .menu--horizontal li .menu--subnav a.is-active-trail {
@@ -4714,6 +4722,9 @@ fieldset,
           font-weight: inherit;
           line-height: 1.25rem;
           text-decoration: none; }
+          .uw-horizontal-nav--secondary .uw-horizontal-nav--menu .menu--horizontal > .menu--item a:hover {
+            background-color: #eee;
+            color: #000; }
         .uw-horizontal-nav--secondary .uw-horizontal-nav--menu .menu--horizontal > .menu--item.has-submenu > a {
           padding-right: 24px;
           position: relative; }
diff --git a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
index b62b78e0..9deab1bb 100644
--- a/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
+++ b/source/_patterns/04-components/menu/menu--horizontal/_menu--horizontal.scss
@@ -61,6 +61,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
 
             .menu--subnav{
               a{
+                background-color:transparent;
                 border-bottom:3px solid transparent;
                 text-decoration:none;
 
@@ -126,6 +127,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
               }
             }
             > a{
+
               color: gesso-brand(org-default,uw-black,lvl4);
 
               &:focus,
@@ -144,6 +146,7 @@ $faculties: 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env', 'org-mat'
             }
             .menu--subnav{
               a{
+               background-color:transparent;
                border-bottom:3px solid transparent;
                text-decoration:none;
 
diff --git a/source/_patterns/04-components/menu/menu--secondary/_menu--secondary.scss b/source/_patterns/04-components/menu/menu--secondary/_menu--secondary.scss
index ca45354a..976249e1 100644
--- a/source/_patterns/04-components/menu/menu--secondary/_menu--secondary.scss
+++ b/source/_patterns/04-components/menu/menu--secondary/_menu--secondary.scss
@@ -62,6 +62,10 @@ $menu-horizontal-sub-font-size: rem(gesso-font-size(-2));
             //padding:gesso-spacing(xs);
             text-decoration:none;
             //width:100%;
+            &:hover{
+              background-color:  gesso-grayscale(gray-2);
+              color: gesso-brand(org-default,uw-black,lvl4);
+            }
           }
           &.has-submenu {
             > a{
-- 
GitLab