Merge pull request #204 from TAMULib/sprint10-154-mega-menu-open-down…

…ward Added attr display drop down menu
TAMULib · Sep 15, 2020 · 4e7e5b9 · 4e7e5b9
2 parents d02d126 + 95d0326
commit 4e7e5b9
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/projects/wvr-elements/src/lib/wvr-dropdown/wvr-dropdown.component.html b/projects/wvr-elements/src/lib/wvr-dropdown/wvr-dropdown.component.html
@@ -1,5 +1,5 @@
 <div #WvrDropdown class="wvr-components wvr-dropdown d-inline-flex align-items-center">
-  <div ngbDropdown display="dynamic" class="d-inline-block">
+  <div ngbDropdown display="{{dropdownMenuDisplay}}" class="d-inline-block">
     <wvr-button-element (click)="clickOpen($event)"
       [background]="btnBackground"
       [backgroundActive]="btnBackgroundActive"

diff --git a/projects/wvr-elements/src/lib/wvr-dropdown/wvr-dropdown.component.ts b/projects/wvr-elements/src/lib/wvr-dropdown/wvr-dropdown.component.ts
@@ -352,6 +352,8 @@ export class WvrDropdownComponent extends WvrBaseComponent {
    */
   private closing = false;
 
+  @Input() dropdownMenuDisplay = 'dynamic';
+
   constructor(injector: Injector, config: NgbDropdownConfig) {
     super(injector);
     config.autoClose = false;

diff --git a/src/index.html b/src/index.html
@@ -32,6 +32,7 @@
           btn-text-decoration="none"
           btn-text-decoration-active="none"
           btn-text-decoration-hover="none"
+          placement="top-left"
           toggle-on="click"
           menu-width="400px"
           menu-padding="0"
@@ -171,7 +172,7 @@
 
   <div class="container index-container">
     <wvr-text value="Dropdown with Buttons" text-decoration="underline"></wvr-text><br />
-    <wvr-dropdown btn-type="primary" hidden-in-mobile="true">
+    <wvr-dropdown btn-type="primary" hidden-in-mobile="true" placement="right" dropdown-menu-display="static">
       <wvr-dropdown-btn>
         <wvr-text value="Primary Dropdown Hidden in Mobile"></wvr-text>
       </wvr-dropdown-btn>