Merge pull request #217 from TAMULib/sprint11-188-mega-menu-text-wrap…

…-on-expand-collapse Added mobile-menu-content class for mobile-menu template
TAMULib · Oct 1, 2020 · b96fc06 · b96fc06
2 parents c42c8fe + 1084496
commit b96fc06
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 6 deletions.
diff --git a/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.html b/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.html
@@ -11,7 +11,7 @@
       </div>
     </div>
   </nav>
-  
+
   <div class="title-row row m-0">
     <div class="container d-flex align-items-center">
       <a *ngIf="headerTitleUrl" [href]="headerTitleUrl"><span class="h1 text-white">{{headerTitle}}</span></a>
@@ -42,7 +42,7 @@
       </svg>
     </div>
   </div>
-  <div class="flex-fill align-self-stretch">
+  <div class="mobile-menu-content flex-fill align-self-stretch">
     <ng-container *ngTemplateOutlet="mobileMenuContent"></ng-container>
   </div>
 </nav>

diff --git a/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.scss b/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.scss
@@ -67,8 +67,20 @@
     cursor: pointer;
   }
 
-  .mobile-menu {
-    display: inline-block;
+  .mobile-menu-content {
+    white-space: nowrap !important;
+    ::ng-deep {
+      .section-title {
+        white-space: nowrap !important;
+      }
+      tl-nav-li > a {
+        white-space: nowrap !important;
+      }
+      wvr-dropdown-element,
+      .section-title  {
+        min-width: 200px;
+      }
+    }
   }
 
   .mobile-menu.closed {

diff --git a/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.ts b/projects/wvr-elements/src/lib/wvr-header/wvr-header.component.ts
@@ -1,6 +1,6 @@
 import { AfterContentChecked, Component, HostBinding, Injector, Input, OnInit } from '@angular/core';
 import { WvrBaseComponent } from '../shared/wvr-base.component';
-
+console.log("BUILD 6");
 /**
  * Intended to appear at the top of document and provides for branding, links and page title.
  */

diff --git a/src/index.html b/src/index.html
@@ -24,7 +24,7 @@
 </head>
 
 <body>
-  <wvr-header hidden-in-mobile="true">
+  <wvr-header>
     <wvr-nav-list top-navigation>
       <wvr-nav-li>
         <wvr-dropdown