hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-18 15:33:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow enter key to expand or contract menu based on current active status

Browse Source
This commit is contained in:
Tim Donohue
2021-09-14 14:16:04 -05:00
parent 706cc47197
commit b86ae8dd14
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/navbar/expandable-navbar-section/expandable-navbar-section.component.html
View File

@@ -1,5 +1,6 @@
<div class="nav-item dropdown expandable-navbar-section" <ng-container *ngVar="(active | async) as isActive">
(keyup.enter)="activateSection($event)" <div class="nav-item dropdown expandable-navbar-section"
(keyup.enter)="isActive ? deactivateSection($event) : activateSection($event)"
(mouseenter)="activateSection($event)" (mouseenter)="activateSection($event)"
(mouseleave)="deactivateSection($event)"> (mouseleave)="deactivateSection($event)">
<a href="#" class="nav-link dropdown-toggle" routerLinkActive="active" <a href="#" class="nav-link dropdown-toggle" routerLinkActive="active"
@@ -15,4 +16,5 @@
*ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container> *ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container>
</ng-container> </ng-container>
</ul> </ul>
</div> </div>
</ng-container>