Update LocalNav layout to fix menu button hover state. (#12739) (#12743)

ui_framework/components/local_nav/_local_breadcrumbs.scss

@@ -5,7 +5,6 @@
 .kuiLocalBreadcrumbs {
   display: flex;
   align-items: center;
-  height: 100%;
   padding-left: $localNavSideSpacing; /* 1 */
 }
 

ui_framework/components/local_nav/_local_menu.scss

@@ -1,7 +1,6 @@
 .kuiLocalMenu {
   display: flex;
-  align-items: center;
-  height: 100%;
+  align-items: stretch;
 }
 
 .kuiLocalMenuItem {

ui_framework/components/local_nav/_local_nav.scss

@@ -23,13 +23,14 @@
  */
 .kuiLocalNavRow {
   display: flex;
-  align-items: center;
+  align-items: stretch;
   justify-content: space-between;
   min-height: 32px; /* 1 */
 }
 
 .kuiLocalNavRow__section {
-  height: 100%;
+  display: flex;
+  align-items: stretch;
 }
 
 /**

ui_framework/dist/ui_framework.css

@@ -1368,7 +1368,6 @@ body {
   -webkit-align-items: center;
       -ms-flex-align: center;
           align-items: center;
-  height: 100%;
   padding-left: 10px;
   /* 1 */ }
 
@@ -1702,11 +1701,10 @@ body {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
-  height: 100%; }
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch; }
 
 .kuiLocalMenuItem {
   display: -webkit-box;
@@ -1785,10 +1783,10 @@ body {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -webkit-align-items: center;
-      -ms-flex-align: center;
-          align-items: center;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
       -ms-flex-pack: justify;
@@ -1797,7 +1795,14 @@ body {
   /* 1 */ }
 
 .kuiLocalNavRow__section {
-  height: 100%; }
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: stretch;
+  -webkit-align-items: stretch;
+      -ms-flex-align: stretch;
+          align-items: stretch; }
 
 /**
  * 1. We make this row flex-start because it usually contains a search input, which may expand