From 761a30a64167fd2dae40f04fe3f5d59ed173f059 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 24 Sep 2020 18:32:31 -0500 Subject: [PATCH 1/6] Addressed text wrap property of mega menu in mobile view --- src/app/tl-header/tl-header.component.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/src/app/tl-header/tl-header.component.scss b/src/app/tl-header/tl-header.component.scss index c32e23ee5..080cdc701 100644 --- a/src/app/tl-header/tl-header.component.scss +++ b/src/app/tl-header/tl-header.component.scss @@ -403,6 +403,23 @@ left: 0; z-index: 1100; transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out; + .flex-fill.align-self-stretch { + div { + wvr-nav-li > li.nav-item { + a { + white-space: nowrap; + } + .mobile-display tl-mega-menu-section-element, + .mobile-display tl-mega-menu-section { + white-space: nowrap; + } + tl-mega-menu > wvr-dropdown-element > .wvr-dropdown .dropdown wvr-button-element { + white-space: nowrap; + } + } + } + } + } } From d53d5bb0478dcb77e4e7c4ccce594103b9dff9d1 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 24 Sep 2020 20:20:52 -0500 Subject: [PATCH 2/6] Increased tick timimg in tl-mega-menu-component --- src/app/tl-mega-menu/tl-mega-menu.component.spec.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts b/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts index f3748f644..5f9b5f490 100644 --- a/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts +++ b/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts @@ -126,7 +126,7 @@ describe('MegaMenuComponent', () => { expect(component.menuXOffset) .toBe(0); - tick(1000); + tick(5000); expect(component.menuXOffset) .toBeGreaterThan(0); From d96add062bb3b031efe67b1d86cdd45d89496015 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 24 Sep 2020 20:25:31 -0500 Subject: [PATCH 3/6] Increased tick timimg in tl-mega-menu-component --- src/app/tl-mega-menu/tl-mega-menu.component.spec.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts b/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts index 5f9b5f490..abbd6fc1d 100644 --- a/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts +++ b/src/app/tl-mega-menu/tl-mega-menu.component.spec.ts @@ -126,7 +126,7 @@ describe('MegaMenuComponent', () => { expect(component.menuXOffset) .toBe(0); - tick(5000); + tick(10000); expect(component.menuXOffset) .toBeGreaterThan(0); From eb45958bec91797b361dba3d44d341e49ae51125 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 1 Oct 2020 00:46:09 -0500 Subject: [PATCH 4/6] Removed the boostrap classes and targeted the div section instead --- src/app/tl-header/tl-header.component.scss | 24 +++++++++++++++++++--- 1 file changed, 21 insertions(+), 3 deletions(-) diff --git a/src/app/tl-header/tl-header.component.scss b/src/app/tl-header/tl-header.component.scss index 080cdc701..9be6e2320 100644 --- a/src/app/tl-header/tl-header.component.scss +++ b/src/app/tl-header/tl-header.component.scss @@ -403,8 +403,8 @@ left: 0; z-index: 1100; transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out; - .flex-fill.align-self-stretch { - div { + div { + div { wvr-nav-li > li.nav-item { a { white-space: nowrap; @@ -419,7 +419,25 @@ } } } - } + // nav.mobile-menu { + // div { + // div { + // wvr-nav-li > li.nav-item { + // a { + // white-space: nowrap; + // } + // .mobile-display tl-mega-menu-section-element, + // .mobile-display tl-mega-menu-section { + // white-space: nowrap; + // } + // tl-mega-menu > wvr-dropdown-element > .wvr-dropdown .dropdown wvr-button-element { + // white-space: nowrap; + // } + // } + // } + // } + // } + } From 50945a2021c4cf50d46c9dc391bd22601450b901 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 1 Oct 2020 00:48:51 -0500 Subject: [PATCH 5/6] Removed commented section --- src/app/tl-header/tl-header.component.scss | 19 ------------------- 1 file changed, 19 deletions(-) diff --git a/src/app/tl-header/tl-header.component.scss b/src/app/tl-header/tl-header.component.scss index 9be6e2320..8e4abdd90 100644 --- a/src/app/tl-header/tl-header.component.scss +++ b/src/app/tl-header/tl-header.component.scss @@ -421,23 +421,4 @@ } } - // nav.mobile-menu { - // div { - // div { - // wvr-nav-li > li.nav-item { - // a { - // white-space: nowrap; - // } - // .mobile-display tl-mega-menu-section-element, - // .mobile-display tl-mega-menu-section { - // white-space: nowrap; - // } - // tl-mega-menu > wvr-dropdown-element > .wvr-dropdown .dropdown wvr-button-element { - // white-space: nowrap; - // } - // } - // } - // } - // } - } From f0d79121b3a28671901ef24e3c53a5b90ba3ec03 Mon Sep 17 00:00:00 2001 From: Rincy Mathew Date: Thu, 1 Oct 2020 13:18:58 -0500 Subject: [PATCH 6/6] Added a mobile-menu-content class to wvr header component and targeted that class in tl-header mobile menu class --- src/app/tl-header/tl-header.component.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/app/tl-header/tl-header.component.scss b/src/app/tl-header/tl-header.component.scss index 8e4abdd90..fa1bf7811 100644 --- a/src/app/tl-header/tl-header.component.scss +++ b/src/app/tl-header/tl-header.component.scss @@ -403,8 +403,7 @@ left: 0; z-index: 1100; transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out; - div { - div { + div.mobile-menu-content { wvr-nav-li > li.nav-item { a { white-space: nowrap; @@ -417,7 +416,6 @@ white-space: nowrap; } } - } } }