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

[DURACOM-195] replace ul/li with div in sidebar

Browse Source
This commit is contained in:
Davide Negretti
2024-02-26 20:32:31 +01:00
parent 8e35c0f713
commit d1dc8e6038
4 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/admin/admin-sidebar/admin-sidebar-section/admin-sidebar-section.component.html
View File

@@ -1,4 +1,4 @@
<li role="presentation"> <div>
<a class="sidebar-section-wrapper" <a class="sidebar-section-wrapper"
[ngClass]="{ disabled: isDisabled }" [ngClass]="{ disabled: isDisabled }"
role="menuitem" role="menuitem"
@@ -18,4 +18,4 @@
</div> </div>
</div> </div>
</a> </a>
</li> </div>

4
src/app/admin/admin-sidebar/admin-sidebar.component.html
View File

@@ -28,13 +28,13 @@
<!-- ITEMS --> <!-- ITEMS -->
<div class="sidebar-full-width-container" id="sidebar-top-level-items-container"> <div class="sidebar-full-width-container" id="sidebar-top-level-items-container">
<ul class="sidebar-full-width-container" id="sidebar-top-level-items" role="menubar" <div class="sidebar-full-width-container" id="sidebar-top-level-items" role="menubar"
[attr.aria-label]="'menu.header.admin.description' |translate"> [attr.aria-label]="'menu.header.admin.description' |translate">
<ng-container *ngFor="let section of (sections | async)"> <ng-container *ngFor="let section of (sections | async)">
<ng-container <ng-container
*ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container> *ngComponentOutlet="(sectionMap$ | async).get(section.id).component; injector: (sectionMap$ | async).get(section.id).injector;"></ng-container>
</ng-container> </ng-container>
</ul> </div>
</div> </div>
<!-- TOGGLER --> <!-- TOGGLER -->

12
src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.html
View File

@@ -1,4 +1,4 @@
<li [ngClass]="{'expanded': (isExpanded$ | async)}" role="presentation" <div [ngClass]="{'expanded': (isExpanded$ | async)}"
[@bgColor]="{ [@bgColor]="{
value: ((isExpanded$ | async) ? 'endBackground' : 'startBackground'), value: ((isExpanded$ | async) ? 'endBackground' : 'startBackground'),
params: {endColor: (sidebarActiveBg$ | async)} params: {endColor: (sidebarActiveBg$ | async)}
@@ -33,14 +33,14 @@
<div class="sidebar-fixed-element-wrapper"></div> <div class="sidebar-fixed-element-wrapper"></div>
<div class="sidebar-collapsible-element-outer-wrapper"> <div class="sidebar-collapsible-element-outer-wrapper">
<div class="sidebar-collapsible-element-inner-wrapper"> <div class="sidebar-collapsible-element-inner-wrapper">
<ul class="sidebar-sub-level-item-list" role="menu" [id]="adminMenuSectionId(section.id)" [attr.aria-label]="('menu.section.' + section.id) | translate"> <div class="sidebar-sub-level-item-list" role="menu" [id]="adminMenuSectionId(section.id)" [attr.aria-label]="('menu.section.' + section.id) | translate">
<li class="sidebar-item" role="presentation" *ngFor="let subSection of (subSections$ | async)"> <div class="sidebar-item" *ngFor="let subSection of (subSections$ | async)">
{{ (sectionMap$ | async).get(subSection.id).component | json}} {{ (sectionMap$ | async).get(subSection.id).component | json}}
<ng-container <ng-container
*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>
</li> </div>
</ul> </div>
</div> </div>
</div> </div>
</div> </div>
</li> </div>

2
src/app/admin/admin-sidebar/expandable-admin-sidebar-section/expandable-admin-sidebar-section.component.scss
View File

@@ -1,5 +1,5 @@
:host { :host {
ul.sidebar-sub-level-item-list { .sidebar-sub-level-item-list {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;