Unverified Commit b448d594 authored by Lauri Timmanee's avatar Lauri Timmanee
Browse files

Issue #3228801 by mherchel, Indrajith KB, kostyashupenko, Gauravmahlawat,... 

Issue #3228801 by mherchel, Indrajith KB, kostyashupenko, Gauravmahlawat, ckrina: Olivero's wide dropdown hover states are broken

(cherry picked from commit de073bca)
parent 0720d646

core/themes/olivero/css/components/navigation/nav-primary-wide.css

+1 −1
Original line number Diff line number Diff line
@@ -23,7 +23,7 @@ 


        /* Remove hover state if submenu exists. */

      }

        body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link-inner:after {

        body:not(.is-always-mobile-nav) .primary-nav__menu-item.primary-nav__menu-item--has-children .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {

          content: none;

        }

core/themes/olivero/css/components/navigation/nav-primary-wide.pcss.css

+1 −1
Original line number Diff line number Diff line
@@ -17,7 +17,7 @@ body:not(.is-always-mobile-nav) { 
        }



        /* Remove hover state if submenu exists. */

        & .primary-nav__menu-link-inner:after {

        & .primary-nav__menu-link--level-1 .primary-nav__menu-link-inner:after {

          content: none;

        }

      }

core/themes/olivero/css/components/navigation/nav-primary.css

+2 −7
Original line number Diff line number Diff line
@@ -196,13 +196,8 @@ 
    border-top: solid 5px #2494db;

  }



.primary-nav__menu-link-inner:hover,

  .primary-nav__menu-link-inner:focus {

    outline: 0

  }



.primary-nav__menu-link-inner:hover:after, .primary-nav__menu-link-inner:focus:after {

      transform: scaleX(1);

.primary-nav__menu-link:hover .primary-nav__menu-link-inner:after {

      transform: scaleX(1)

  }



/*

core/themes/olivero/css/components/navigation/nav-primary.pcss.css

+2 −5
Original line number Diff line number Diff line
@@ -114,11 +114,8 @@ 
    border-top: solid 5px var(--color--blue-50);

  }



  &:hover,

  &:focus {

    outline: 0;



  &:after {

    @nest .primary-nav__menu-link:hover & {

      transform: scaleX(1);

    }

  }