Frontend
Public
Commits
Davide Negretti authored abba806d405
| 1 - | <li class="ds-menu-item-wrapper text-md-center" role="presentation" |
| 1 + | <div class="ds-menu-item-wrapper text-md-center" |
| 2 2 | [id]="'expandable-navbar-section-' + section.id" |
| 3 3 | (mouseenter)="onMouseEnter($event, isActive)" |
| 4 4 | (mouseleave)="onMouseLeave($event, isActive)" |
| 5 5 | data-test="navbar-section-wrapper" |
| 6 6 | *ngVar="(active | async) as isActive"> |
| 7 7 | <a href="javascript:void(0);" routerLinkActive="active" |
| 8 8 | role="menuitem" |
| 9 9 | (keyup.enter)="toggleSection($event)" |
| 10 10 | (keyup.space)="toggleSection($event)" |
| 11 11 | (click)="toggleSection($event)" |
| 17 17 | class="d-flex flex-row flex-nowrap align-items-center gapx-1 ds-menu-toggler-wrapper" |
| 18 18 | [class.disabled]="section.model?.disabled" |
| 19 19 | id="browseDropdown"> |
| 20 20 | <span class="flex-fill"> |
| 21 21 | <ng-container |
| 22 22 | *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container> |
| 23 23 | <!-- <span class="sr-only">{{'nav.expandable-navbar-section-suffix' | translate}}</span>--> |
| 24 24 | </span> |
| 25 25 | <i class="fas fa-caret-down fa-xs toggle-menu-icon" aria-hidden="true"></i> |
| 26 26 | </a> |
| 27 - | <ul @slide *ngIf="isActive" (click)="deactivateSection($event)" |
| 27 + | <div @slide *ngIf="isActive" (click)="deactivateSection($event)" |
| 28 28 | [id]="expandableNavbarSectionId(section.id)" |
| 29 29 | role="menu" |
| 30 30 | class="dropdown-menu show nav-dropdown-menu m-0 shadow-none border-top-0 px-3 px-md-0 pt-0 pt-md-1"> |
| 31 - | <li *ngFor="let subSection of (subSections$ | async)" class="text-nowrap" role="presentation"> |
| 31 + | <div *ngFor="let subSection of (subSections$ | async)" class="text-nowrap" role="presentation"> |
| 32 32 | <ng-container |
| 33 33 | *ngComponentOutlet="(sectionMap$ | async).get(subSection.id).component; injector: (sectionMap$ | async).get(subSection.id).injector;"></ng-container> |
| 34 - | </li> |
| 35 - | </ul> |
| 36 - | </li> |
| 34 + | </div> |
| 35 + | </div> |
| 36 + | </div> |